字型型別
權重id
0100
class
0010
標籤、偽類
0001
*（全域性）
0000
行內樣式
1000
ps:通過新增!important欄位強制提公升優先順序（會破壞css語言規則，一般不建議使用）
input:enabledps：邊框不會被繼承
article
div
easy less包，可以在vscode直接安裝，幫助生成css檔案：
main
h1
}}
main article h2
main article h1
ps:自己定義的字型格式如下：
@font-face通過font-size設定字型大小，font-weight設定字重
顏色由color設定，可以使用顏色的字串或者rgb座標（座標的第三個值為透明度），一般工作中會從ps設計稿中用吸管獲取顏色
line-height設定行高，單位與上面相同，常用em單位，根據字型大小設定倍數
pfont-variant控制大小寫
屬性值說明
small-caps
字型不變大的大寫
uppercase
正常的大寫
lowercase
小寫capitalize
首字母大寫
text-decoration屬性來控制文字線條
屬性值說明
unbderline
下劃線overline
上劃線line-through
刪除線none
取消下劃線
text-shadow設定文字陰影 ：顏色值 水平偏移 縱向偏移 模糊量，單位px
屬性值說明
pre保留空白和換行
pre-wrap
同上pre-line
保留換行合併空格
nowrap
合併空格，不顯示換行
divtext-align屬性設定對齊
屬性值說明
center
中心對齊
right
向右對齊
left
向左對齊
vertical-align垂直對齊
屬性值說明
top頂部對齊
bottom
底部對齊
middle
中間對齊
px值正值往上，負值往下
letter-spacing字元間距
word-spacing單詞間距
writing-mode排版模式 （vertical-rl縱向，horizontal-tb橫向）
CSS學習筆記二 CSS檔案建立與優先順序
首先插入樣式表的方法有三種 與筆記一的例項相同，直接使用 style 標籤在文件頭部定義內部樣式表就可以了 如何建立外部樣式表？例如 1.將下列 儲存為mystyle.css檔案 h1 center pp.blue p.yellow green 2.在自己所需的html檔案裡使用link標籤鏈結到自...
css 優先順序
當我們的css樣式中，如果同個元素有兩個或以上衝突的css規則，瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出，也就是常講的css優先順序。一般情況下，你不必擔心css樣式衝突，但對於大型而且複雜的css樣式檔案，或有很多css檔案組成的，就非常有可能產生衝突。下面我們通過2個簡單的例項來了解一下...
css優先順序
今天在使用公司內部框架的時候，發現乙個問題。我在頁面的style元素裡面寫了乙個class選擇器，可是卻不起作用。使用f12檢視，發現是當前的樣式沒有起作用，而是被框架生成的樣式代替掉了。當然，寫內嵌的樣式肯定是沒問題。可問題就是，我明明在頁面內部寫了樣式，按照常理，應該是我手寫的類選擇器的優先順序...