QSS样式设计案例以及详细注释

/* 应用整体样式 */
* {
  font-family: Microsoft YaHei; /* 设置所有控件的字体为微软雅黑 */
  font-size: 16px; /* 设置所有控件的字体大小为16px */
  color: #333; /* 设置所有控件的文字颜色为#333（灰色） */
}

/* 主窗口样式 */
QMainWindow {
  background-color: #EEE; /* 设置主窗口的背景颜色为#EEE（极浅灰色） */
}

/* 标签控件样式 */
QLabel {
  font-size: 18px; /* 设置标签控件的字体大小为18px */
  color: #555; /* 设置标签控件的文字颜色为#555（深灰色） */
}

/* 按钮控件样式 */
QPushButton {
  border: 1px solid #999; /* 设置按钮控件的边框宽度为1px，边框颜色为#999（浅灰色） */
  border-radius: 4px; /* 设置按钮控件的边框圆角半径为4px */
  background-color: #EEE; /* 设置按钮控件的背景颜色为#EEE（极浅灰色） */
  font-size: 16px; /* 设置按钮控件的字体大小为16px */
  color: #333; /* 设置按钮控件的文字颜色为#333（灰色） */
  padding: 4px 8px; /* 设置按钮控件的内边距为4px（上下）和8px（左右） */
}

QPushButton:hover {
  background-color: #CCC; /* 当鼠标悬停在按钮控件上时，设置背景颜色为#CCC（浅灰色） */
}

QPushButton:pressed {
  background-color: #AAA; /* 当按钮控件被按下时，设置背景颜色为#AAA（中灰色） */
}

/* 单行输入框样式 */
QLineEdit {
  border: 1px solid #999; /* 设置单行输入框的边框宽度为1px，边框颜色为#999（浅灰色） */
  border-radius: 4px; /* 设置单行输入框的边框圆角半径为4px */
  background-color: #EEE; /* 设置单行输入框的背景颜色为#EEE（极浅灰色） */
  font-size: 16px; /* 设置单行输入框的字体大小为16px */
  color: #333; /* 设置单行输入框的文字颜色为#333（灰色） */
  padding: 4px 8px; /* 设置单行输入框的内边距为4px（上下）和8px（左右） */
}

QLineEdit:hover {
  background-color: #CCC; /* 当鼠标悬停在单行输入框上时，设置背景颜色为#CCC（浅灰色） */
}

QLineEdit:focus {
  border: 1px solid #333; /* 当单行输入框获得焦点时，设置边框颜色为#333（灰色） */
}

/* 复选框样式 */
QCheckBox {
  font-size: 16px; /* 设置复选框的字体大小为16px */
  color: #333; /* 设置复选框的文字颜色为#333（灰色） */
}

QCheckBox:hover {
  font-size: 18px; /* 当鼠标悬停在复选框上时，设置字体大小为18px */
  color: #555; /* 当鼠标悬停在复选框上时，设置文字颜色为#555（深灰色） */
}

/* 单选按钮样式 */
QRadioButton {
  font-size: 16px; /* 设置单选按钮的字体大小为16px */
  color: #333; /* 设置单选按钮的文字颜色为#333（灰色） */
}

QRadioButton:hover {
  font-size: 18px; /* 当鼠标悬停在单选按钮上时，设置字体大小为18px */
  color: #555; /* 当鼠标悬停在单选按钮上时设置文字颜色为#555（深灰色） */
}

/* 组合框样式 */
QComboBox {
  border: 1px solid #999; /* 设置组合框的边框宽度为1px，边框颜色为#999（浅灰色） */
  border-radius: 4px; /* 设置组合框的边框圆角半径为4px */
  background-color: #EEE; /* 设置组合框的背景颜色为#EEE（极浅灰色） */
  font-size: 16px; /* 设置组合框的字体大小为16px */
  color: #333; /* 设置组合框的文字颜色为#333（灰色） */
  padding: 4px 8px; /* 设置组合框的内边距为4px（上下）和8px（左右） */
}

QComboBox:hover {
  background-color: #CCC; /* 当鼠标悬停在组合框上时，设置背景颜色为#CCC（浅灰色） */
}

QComboBox::drop-down {
  subcontrol-origin: padding; /* 设置下拉按钮的位置相对于填充（padding） */
  subcontrol-position: top right; /* 设置下拉按钮的位置在右侧上方 */
  width: 20px; /* 设置下拉按钮的宽度为20px  border-left: 1px solid #999; /* 设置下拉按钮的左边框为1px solid #999（浅灰色） */
  border-radius: 0px 4px 4px 0px; /* 设置下拉按钮的边框圆角半径为0px（顶部）、4px（右侧）、4px（底部）和0px（左侧） */
}

/* 滑块控件样式 */
QSlider {
  border: 1px solid #999; /* 设置滑块控件的边框宽度为1px，边框颜色为#999（浅灰色） */
  border-radius: 4px;```