在網站開發過程中,CSS(層疊樣式表)是不可或缺的一部分。但是,在編寫CSS代碼時,我們可能會遇到一些需要查找的屬性或者具體參數的情況,這時候CSS代碼字典就會非常有用了。下面,我們來介紹一下CSS代碼字典都包括哪些常用的內容。
/* 1.選擇器 */ /* 1.1 基本選擇器 */ p { } .class { } #id { } /* 1.2 群組選擇器 */ div, p { } /* 1.3 后代選擇器 */ parent child { } /* 1.4 子元素選擇器 */ parent >child { } /* 1.5 相鄰兄弟選擇器 */ prev + next { } /* 1.6 通用兄弟選擇器 */ prev ~ siblings { } /* 2. 樣式屬性 */ /* 2.1字體 */ font-size: ; font-family: ; font-weight: ; font-style: ; text-align: ; color: ; /* 2.2 背景 */ background-color: ; background-image: ; background-repeat: ; background-position: ; background-size: ; /* 2.3 邊框 */ border-width: ; border-style: ; border-color: ; /* 2.4 尺寸 */ height: ; width: ; margin: ; padding: ; /* 2.5 布局 */ display: ; position:; float: ; clear: ; /* 2.6 動畫 */ animation-name: ; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-play-state: ; /* 3. 偽類和偽元素 */ /* 3.1 偽類 */ :hover { } :active { } :focus { } :first-child { } :last-child { } :nth-child(n) { } /* 3.2 偽元素 */ ::before { } ::after { } ::first-letter { } ::first-line { } ::selection { }
以上就是CSS代碼字典中常用的內容,當然還有很多不常用或者新的屬性不在此列舉。但是,作為CSS開發者,掌握以上的屬性已經足夠應對一般的CSS布局和樣式操作。
下一篇css代碼如何打開