1、QSS介紹

自行百度。

2、QSS常用屬性大全

Qss背景屬性(Background)

• background
  在一個聲明中設置所有的背景屬性。

• background-attachment
  設置背景圖像是否固定或者隨著頁面的其余部分滾動。

• background-color
  設置元素的背景顏色。

• background-image
  設置元素的背景圖像。

• background-position
  設置背景圖像的開始位置。

• background-repeat
  設置是否及如何重復背景圖像。

• background-clip
  規定背景的繪制區域。

• background-origin
  規定背景圖片的定位區域。

• background-size
  規定背景圖片的尺寸。

QSS邊框屬性(Border和Outline)

• border
  在一個聲明中設置所有的邊框屬性。

• border-bottom
  在一個聲明中設置所有的下邊框屬性。

• border-bottom-color
  設置下邊框的顏色。

• border-bottom-style
  設置下邊框的樣式。

• border-bottom-width
  設置下邊框的寬度。

• border-color
  設置四條邊框的顏色。

• border-left
  在一個聲明中設置所有的左邊框屬性。

• border-left-color
  設置左邊框的顏色。

• border-left-style
  設置左邊框的樣式。

• border-left-width
  設置左邊框的寬度。

• border-right
  在一個聲明中設置所有的右邊框屬性。

• border-right-color
  設置右邊框的顏色。

• border-right-style
  設置右邊框的樣式。

• border-right-width
  設置右邊框的寬度。

• border-style
  設置四條邊框的樣式。

• border-top
  在一個聲明中設置所有的上邊框屬性。

• border-top-color
  設置上邊框的顏色。

• border-top-style
  設置上邊框的樣式。

• border-top-width
  設置上邊框的寬度。

• border-width
  設置四條邊框的寬度。

• outline
  在一個聲明中設置所有的輪廓屬性。

• outline-color
  設置輪廓的顏色。

• outline-style
  設置輪廓的樣式。

• outline-width
  設置輪廓的寬度。

• border-bottom-left-radius
  定義邊框左下角的形狀。

• border-bottom-right-radius
  定義邊框右下角的形狀。

• border-image
  簡寫屬性，設置所有 border-image-*屬性。

• border-image-outset
  規定邊框圖像區域超出邊框的量。

• border-image-repeat
  圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。

• border-image-slice
  規定圖像邊框的向內偏移。

• border-image-source
  規定用作邊框的圖片。

• border-image-width
  規定圖片邊框的寬度。

• border-radius
  簡寫屬性，設置所有四個border-*-radius屬性。

• border-top-left-radius
  定義邊框左上角的形狀。

• border-top-right-radius
  定義邊框右下角的形狀。

• box-decoration-break
  元素在發生斷行時其樣式的表現形式

• box-shadow
  向方框添加一個或多個陰影。

Box屬性

• overflow-x
  如果內容溢出了元素內容區域，是否對內容的左/右邊緣進行裁剪。

• overflow-y
  如果內容溢出了元素內容區域，是否對內容的上/下邊緣進行裁剪。

• overflow-style
  規定溢出元素的首選滾動方法。

• rotation
  圍繞由 rotation-point 屬性定義的點對元素進行旋轉。

• rotation-point
  定義距離上左邊框邊緣的偏移點。

QSS字體屬性(Font)

• font
  在一個聲明中設置所有字體屬性。

• font-family
  規定文本的字體系列。

• font-size
  規定文本的字體尺寸。

• font-size-adjust
  為元素規定 aspect 值。

• font-stretch
  收縮或拉伸當前的字體系列。

• font-style
  規定文本的字體樣式。

• font-variant
  規定是否以小型大寫字母的字體顯示文本。

• font-weight
  規定字體的粗細。

QSS外邊距屬性(Margin)

• margin
  在一個聲明中設置所有外邊距屬性。

• margin-bottom
  設置元素的下外邊距。

• margin-left
  設置元素的左外邊距。

• margin-right
  設置元素的右外邊距。

• margin-top
  設置元素的上外邊距。

CSS內邊距屬性(Padding)

• padding
  在一個聲明中設置所有內邊距屬性。

• padding-bottom
  設置元素的下內邊距。

• padding-left
  設置元素的左內邊距。

• padding-right
  設置元素的右內邊距。

• padding-top
  設置元素的上內邊距。

CSS 位屬性(Positioning)

• bottom
  設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

• clear
  規定元素的哪一側不允許其他浮動元素。

• clip
  剪裁絕對定位元素。

• cursor
  規定要顯示的光標的類型（形狀）。

• display
  規定元素應該生成的框的類型。

• float
  規定框是否應該浮動。

• left
  設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。

• overflow
  規定當內容溢出元素框時發生的事情。

• position
  規定元素的定位類型。

• right
  設置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

• top
  設置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

• vertical-align
  設置元素的垂直對齊方式。

• visibility
  規定元素是否可見。

• z-index
  設置元素的堆疊順序。

CSS文本屬性(Text)

• color
  設置文本的顏色。

• direction
  規定文本的方向/書寫方向。

• letter-spacing
  設置字符間距。

• line-height
  設置行高。

• text-align
  規定文本的水平對齊方式。

• text-decoration
  規定添加到文本的裝飾效果。

• text-indent
  規定文本塊首行的縮進。

• text-shadow
  規定添加到文本的陰影效果。

• text-transform
  控制文本的大小寫。

• unicode-bidi
  設置文本方向。

• white-space
  規定如何處理元素中的空白。

• word-spacing
  設置單詞間距。

• hanging-punctuation
  規定標點字符是否位于線框之外。

• punctuation-trim
  規定是否對標點字符進行修剪。

• text-align-last
  設置如何對齊最后一行或緊挨著強制換行符之前的行。

• text-emphasis
  向元素的文本應用重點標記以及重點標記的前景色。

• text-justify
  規定當text-align設置為"justify"時所使用的對齊方法。

• text-outline
  規定文本的輪廓。

• text-overflow
  規定當文本溢出包含元素時發生的事情。

• text-shadow
  向文本添加陰影。

• text-wrap
  規定文本的換行規則。

• word-break
  規定非中日韓文本的換行規則。

• word-wrap
  允許對長的不可分割的單詞進行分割并換行到下一行。

3、QSS過濾選擇器和優先級

Qss選擇器

Qss有一些規則用來設置符合規則的控件名稱，通常是按照通用屬性設置一類控件，對某個有特殊要求的在特別設置。避免大量的重復設置。分為

• 通配選擇器：*; 所有的控件屬性設置

* {}

• 類型選擇器：QPushButton; 匹配所有QPushButton和其子類的實例

QPushButton {}

• 類選擇器：.QPushButton; 匹配所有QPushButton的實例，但是并不匹配其子類。這是與CSS中的類選擇器不一樣的地方，注意前面有一個點號

.QPushButton {}

• 屬性選擇器：QPushButton[flat = “false”]; 匹配所有flat屬性是false的QPushButton實例，注意該屬性可以是自定義的屬性，不一定非要是類本身具有的屬性

QPushButton[flat = "false"] {}

• ID選擇器：#myButton; 匹配所有id為myButton的控件實例，這里的id實際上就是objectName指定的值, 針對特定名稱的控件設置屬性。

QPushButton#myButton1, #myButton2 {}

• 后代選擇器：QDialog QPushButton; 所有QDialog容器中包含的QPushButton，不管是直接的還是間接的。

QDialog QPushButton {}

• 子選擇器：QDialog > QPushButton; 所有QDialog容器下面的QPushButton，其中要求QPushButton的直接父容器是QDialog

QDialog > QPushButton {}

Qss優先級

上面雖然用了選擇器，但是肯定會有重復的設置，那么系統怎么去排列這些設置的優先級。
原則：寬泛的設置優先級低于更加針對具體的設置，文件上面的設置優先級低于文件下面的設置。

4、常用的QSS大全

標準色

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow

字體名字

微軟雅黑： Microsoft YaHei 宋體：SimSun 黑體：SimHei 仿宋： FangSong 楷體： KaiTi 隸書：LiSu 幼圓：YouYuan 華文細黑：STXihei 華文楷體：STKaiti 華文宋體：STSong 華文中宋：STZhongsong 華文仿宋：STFangsong 方正舒體：FZShuTi 方正姚體：FZYaoti 華文彩云：STCaiyun 華文琥珀：STHupo 華文隸書：STLiti 華文行楷：STXingkai 華文新魏：STXinwei

總結

以上是生活随笔為你收集整理的关于QSS 看这一篇就够了！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。