QSS
文章平均质量分 87
记录qss的学习过程
贝勒里恩
用生命写代码,用灵魂做界面!
展开
-
学习Qss--概述
Qss是Qt style sheet的简写,Qss是用来设置界面样式的,设置的方法就类似于CSS,通过一定规则组织的字符串来给界面设置样式,而不用去调用控件对象的接口或者子类化Qstyle去设置样式。原创 2020-06-15 09:37:16 · 2272 阅读 · 0 评论 -
学习Qss--选择器
文章目录一、通用选择器二、类型选择器三、类选择器四、ID选择器五、后代选择器六、子元素选择器七、属性选择器八、并集选择器九、子控件选择器十、伪类选择器十一、没有选择器的情况十二、选择器的匹配规则一、通用选择器通用选择器又叫通配符选择器;格式:* { attribute: value; }通用选择器用(*)来表示,它表示匹配程序中所有的widget。注意点:由于通用选择器会匹配所有的widgets,效率较低,因此应该尽量减少或者不用一般用法:通用选择器一般用来给应用程序设置统一的字体,例如:原创 2020-06-15 23:34:42 · 2703 阅读 · 0 评论 -
学习Qss--Qss的特性
文章目录一、层叠性二、继承性(Qt-Version>=5.7)三、优先级四、Qt官方关于冲突解决的说明五、盒模型5.1、什么是盒模型5.2、盒模型中的宽度与高度一、层叠性qss的语法来源于css,而css的全称是Cascading StyleSheet,翻译过来叫做层叠样式表,也叫级联样式表。层叠性是css处理冲突的一种能力,只有在多个选择器匹配到同一个控件时才会发生层叠性,例如:btn1->setStyleSheet("QPushButton{ color: blue; }");btn原创 2020-06-18 00:04:54 · 1295 阅读 · 1 评论 -
学习Qss--背景属性
文章目录一、background-color二、background-image三、background-repeat四、background-position五、background-attachment六、background-clip七、background-origin八、背景属性的连写格式属性即控件的具体外观样式,比如背景颜色,边框宽度等等。注意:一个属性并不是被所有widget都支持的,要想查看什么widget支持哪些属性,或一个属性被哪些widget支持,请查看官方文档。一、backg原创 2020-06-18 17:50:06 · 7136 阅读 · 3 评论 -
学习Qss--前景、边框属性
文章目录一、前景属性二、边框属性border-widthborder-styleborder-colorborder-radiusborder-image连写格式连写格式1连写格式2连写格式3单写格式一、前景属性与背景相对应,背景设置的是控件的最底层的颜色,作为背景,但color设置的是前景色,也就是控件文字的颜色,color属性是被所有widget都支持的。格式:color: Brush类型的值;举例QTextEdit{ color: red; background-color: sk原创 2020-06-23 11:55:33 · 3785 阅读 · 0 评论 -
学习Qss--字体、文本属性
文章目录字体属性fontfont-stylefont-weightfont-sizefont-family连写格式文本属性text-aligntext-decoration字体属性fontfont-style作用:设置字体风格取值:取值效果normal正常italic斜体oblique倾斜的字体关于italic和oblique的区别:他们呢都是向右倾斜的文字,大多数情况下看不出任何区别,但是原理却不一样。要高清楚这个问题,首先要明白字体是怎么回事。一原创 2020-06-23 17:15:04 · 17821 阅读 · 0 评论 -
学习Qss--Brush类型介绍
文章目录ColorGradientBrush一般用来设置颜色,其取值有3种,分别时Color,Gradient和PaletteRoleColorcolor本身又支持很多格式,列举所有格式,如下:rgb(r,g,b):每个数字表示每个通道的值,依次分别时红绿蓝;rgba(r,g,b,a):与rgb相同,a代表alfa通道,是一个范围0-1的浮点数,表示透明度,1表示不透明,0表示完全透明;hsv(h,s,v)hsva(h,s,v,a)#rrggbb:16进制表示的rgb值,每个值占两位,但如果原创 2020-06-23 17:47:28 · 1036 阅读 · 1 评论 -
QSS大总结
QSS背景属性(Background)属性描述background在一个声明中设置所有的背景属性background-attachment设置背景图像是否固定或者随着页面的其余部分滚动background-color设置元素的背景颜色background-image设置元素的背景图像background-position设置背景图像的开始位置background-repeat设置是否及如何重复背景图像background-clip规定背原创 2020-12-11 17:27:31 · 785 阅读 · 0 评论