stylesheet?rel=stylesheet什么意思
其实stylesheet的问题并不复杂,但是又很多的朋友都不太了解rel=stylesheet什么意思,因此呢,今天小编就来为大家分享stylesheet的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!
qt中怎样在stylesheet中设置按钮的背景色
1、利用style sheet给窗体设置背景
使用stylesheet设置背景图片还是有一些要注意的,如果是在mainwindow和dialog中,直接右键change style sheet在add resource中选择background-image或者border-image,选择资源文件中的图片就行了(前者是按像素显示图片,后者可根据窗体大小来自动缩放图片,通常使用后者,前者如果界面与图片大小不一样,则背景的显示可能就不是整张图片了),
a、但在widget中就不行,你会发现,用同样的方法,背景并没有发生改变,而仅仅是它的子窗体背景图片发生了改变。
那么在widget中要如何做呢,我们在widget中放置一个frame,然后对frame通过stylesheet设置背景,后面窗体里所有的部件都放在这个frame里。
b、我们知道,子窗体会继承父窗体的属性,也就是说,父窗体的背景,在子窗体中也会有,那如何让子窗体不继承父窗体的背景呢,同样的,还是在Edit Style Sheet里,需要输入如下代码:(这样就可以解决窗体中的按键、QLable等控件与主窗体的一样。)
#desktop{
border-image: url(:/images/desktop.jpg);
}
#desktop*{
border-image:url();
}
desktop是你的窗体名。
2、不过也可以通过如下代码来实现:
QWidget*widget= new QWidget();
widget->setAutoFillBackground(true);
QPalette palette;
QPixmap pixmap(":/Resources/Penguins.jpg");
palette.setBrush(QPalette::Window, QBrush(pixmap));
widget->setPalette(palette);
widget->show();
一般我喜欢使用前面去设计,在ui中进行,方便简单。
qtcreator如何在stylesheet中设置图片
qtcreator如何在stylesheet中设置图片
项目建立完成后:
右键点你的项目“Add New”->"QT Resource file"生成一个qrc文件
然后双击它点add然后Add Prefix再Add file完事之后build一下
在你的ui上点右键->Change StyleSheet->add Resource->backgroud-image顺着往下点就能看见你在qrc里添加的那张图片了
摘要:
QT Create中,对button或者window等部件设置背景、颜色、透明等样式时,需要用到style sheet,可以直接在代码里写,也可以在ui设计师里通过右键change style sheet的方法来设置,本人是使用的后面的方式,下面介绍几种常见的用法。
介绍:
作者使用的开发环境为:qt creator 201005, qt4.7。
1、利用style sheet给窗体设置背景
使用stylesheet设置背景图片还是有一些要注意的,如果是在mainwindow和dialog中,直接右键change style sheet在add resource中选择background-image或者border-image,选择资源文件中的图片就行了(前者是按像素显示图片,后者可根据窗体大小来自动缩放图片),如下图:
但在widget中就不行,你会发现,用同样的方法,背景并没有发生改变,而仅仅是它的子窗体背景图片发生了改变。
那么在widget中要如何做呢,我们在widget中放置一个frame,然后对frame通过stylesheet设置背景,后面窗体里所有的部件都放在这个frame里。
我们知道,子窗体会继承父窗体的属性,也就是说,父窗体的背景,在子窗体中也会有,那如何让子窗体不继承父窗体的背景呢,同样的,还是在Edit Style Sheet里,需下输入如下代码:
#desktop{
border-image: url(:/images/desktop.jpg);
}
#desktop*{
border-image:url();
}
desktop是你的窗体名。
2、menubar设置透明
我想做一个菜单按钮,像ubuntu的应用程序菜单一样,能在点击时弹出一个下拉框,我选择了用mainwindow来实现,但我如现menuba显示在顶层很难看,如何才能不让它显示呢。
设置menuba的stylesheet,
background-color:transparent
将背景设置为透明。
3、tool button不显示边框
当我们设置button的icon时,发现icon的形状并不与button完全一致,如下图:
设置stylesheet
border-style: flat;
效果如下:
注意,一定要选择tool button,而不要选择push button,因为push button活动的时候会有一个虚线框。
要达到上图的效果,除了设置border-style:flat,可不可以将style设置为transparent呢?设置成transparent后,显示上看,效果是和上图的一样,但当按下时,button没有被图片覆盖的地方就会显示被按下时的颜色。
4、在父窗体的stylesheet中设置子部件的属性
假设有多个button,且它们的样式是一样的,那是不是需要一个个设置呢?不需要的,我们可以在父窗体中进行设置,那么子部件都会继承它的属性。
如果某个button的样式特殊,再单独修改就行了,下面举个实例,在父窗体的stylesheet中设置如下
QDialog{background:rgb(229, 255, 239)}
QMenuBar{background:url(:/image/header.bmp)}
QStatusBar{background:url(:/image/header.bmp)}
QPushButton{background:url(:/image/header.bmp)}
QLCDNumber{background:url(:/image/lcd.bmp)}
QLabel{color: rgb(0, 0, 255)}
QDial{background-color: rgb(67, 67, 67)}
QGroupBox{
border-width:2px;
border-style:solid;
border-color:#FFFFFF;
}
QGroupBox{color: rgb(255,255, 255)}
QToolButton{border-style: flat;}
rel=stylesheet什么意思
意思是:
在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。
rel是Relations的所写指关联到一个stylesheet(样式表单)。
由于目前的CSS还不能抓取rel与rev的属性值,所以没有办法给不同关系的链接提供不同的样式,所以现在rel与rev只是用来使得网页的语义性更为完善。
Link标签有两个作用:
1.定义文档与外部资源的关系;2.是链接样式表。
link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系。
扩展资料
rel各个属性值配置的意思:
Alternate--定义交替出现的链接
Stylesheet--定义一个外部加载的样式表
Start--通知搜索引擎,文档的开始
Next--记录文档的下一页.(浏览器可以提前加载此页)
Prev--记录文档的上一页.(定义浏览器的后退键)
Contents
Index--当前文档的索引
Glossary--词汇
Copyright--当前文档的版权
Chapter--当前文档的章节
Section--作为文档的一部分
Subsection--作为文档的一小部分
Appendix--定义文档的附加信息
Help--链接帮助信息
Bookmark--书签
关于stylesheet和rel=stylesheet什么意思的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。