Qt样式表的认识

一、什么是样式表？
样式表在qt中我们成为Qss，Qss是Qt程序界面中用来设置控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性，它是用来美化UI界面。实现界面与程序分离。其优点是简单、便捷。

二、如何使用样式表？（我们既可以利用应用程序、也可以使用提供的工具叙述如下）

1、在Qt应用程序中使用函数来实现QSS的用法
Qss语法：

1. 选择器 {property：value} 如：QPushButton {color：red}。
2. 当有几个选择器可以指定相同的声明，使用逗号“，”来分隔选择器。例如：QPushButton，QLineEdit，QComboBox{color：red}。
3. 声明部分的规则有多个属性值时包含在花括号中，以分号进行分隔。例如：QPushButton{color:red;background-color:white;}
4. Qt样式表设置函数：setstylesheet

QSS文本属性
属性 描述
Color 设置文本的颜色
direction 规定文本的方向/书写方向
Letter-spacing 设置字符间距
Line-height 设置行高
Text-align 规定文本的水平对齐方式
Text-decoration 规定添加到文本的装饰效果
Text-indent 规定文本块的首行缩进
Text-shadow 规定添加到文本的阴影效果

QSS背景属性
Background 在一个声明中设置所以背景属性
Background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动
Background-color 设置元素的背景颜色
Background-image 设置元素的背景图像
Background-position 设置背景图像的初始位置
Background-repeat 设置是否及如何重复背景图像
Background-clip 规定背景的绘制区域

QSS边框属性
属性 描述
Border 在一个声明中设置所以边框属性
Border-bottom 在一个声明中设置所有的下边框属性
Border-bottom-color 设置下边框颜色
Border-bottom-style 设置下边框样式
Border-bottom-width 设置下边框的宽度
Border-color 设置四条边框的颜色
Border-left 在一个声明中设置所有左边框属性
还有部分属性我会在后期补上

我们可以新建一个项目，通过编写程序来改变样式表。我们在mainwindow.cpp文件中编写代码，此代码的意思是按钮在未被按下时是红色，按下后变为绿色。
点击运行

当我们点击按钮会发现变色表示我们代码正确。

2、我们也可以利用Qtcreator里边提供的工具进行改变样式表
我们点击Forms下的.ui文件，可以通过鼠标拖动左边模块来建立按钮，

点击改变样式表

我们将原来使用编写程序的代码剪切到这里

会运行出和刚才一样的结果

我们可以单击选择改变样式表进行一些属性的更改。

三、两种方式的区别与联系
我们找到编译文件

我们可以看到，出现相同的代码，虽然是两种方式来设计改变样式表，但是实质是一样的，都是通过setstylesheet函数来实现。