在 Qt 开发中,样式表(Style Sheets)是定义应用程序界面外观的关键工具。它采用文本格式的规则集合,借鉴了 CSS 语法,借助选择器、属性和值,能精准把控各类控件的外观表现,极大提升了界面设计的灵活性与美观性。
文章目录
- 一、样式可更改的效果
- 1、颜色相关效果
- 2、字体相关效果
- 3、边框相关效果
- 4、布局和间距相关效果
- 5、交互状态相关效果
- 6、图标和图像相关效果
- 二、样式表格式
- 1、样式表组成
- 2、选择器类型
- 1、类选择器
- 2、ID 选择器
- 3、属性选择器
- 4、后代选择器
- 5、子选择器
- 6、伪状态选择器
- 7、伪元素选择器
- 3、层叠和优先级
- 1、层叠
- 2、优先级
- 三、开发经验
一、样式可更改的效果
1、颜色相关效果
背景颜色:运用background-color属性,轻松设置控件的背景颜色。
前景颜色(文字颜色):通过color属性,改变控件内文本的颜色。
2、字体相关效果
字体类型:利用font-family属性,指定字体的类型。
字体大小:使用font-size属性,调整字体的大小。
字体粗细:借助font-weight属性,设置字体的粗细,bold代表粗体。字体样式:运用font-style属性,设置字体样式,italic表示斜体。
3、边框相关效果
边框宽度:通过border-width属性,设置边框的宽度。
边框颜色:使用border-color属性,指定边框的颜色。
边框样式:利用border-style属性,设置边框的样式,像solid(实线)、dashed(虚线)等。
边框圆角:通过border-radius属性,为边框添加圆角效果。
4、布局和间距相关效果
内边