首页编程stylesheet?rel=stylesheet什么意思

stylesheet?rel=stylesheet什么意思

编程之家2023-11-02129次浏览

其实stylesheet的问题并不复杂,但是又很多的朋友都不太了解rel=stylesheet什么意思,因此呢,今天小编就来为大家分享stylesheet的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!

stylesheet?rel=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{

stylesheet?rel=stylesheet什么意思

border-image: url(:/images/desktop.jpg);

}

#desktop*{

border-image:url();

}

desktop是你的窗体名。

stylesheet?rel=stylesheet什么意思

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什么意思的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

长沙网页制作,长沙网站制作的公司空间免费(QQ空间装扮都有哪些免费的呀)