? ? 1. 什么是CSS ?cascading style sheets ? 層疊樣式表，是網頁結構和表現分離
????2. CSS的引入方式
? ? ? ?1.行內<p style="xxx:xx;"></p>
?? ????2.內嵌
? ? ? ? <style type='text/css'>...</style>
? ? ? ?3.外聯(lián)
?? ??? ?<link href='xxxx.css'>
?? ?3.CSS基本選擇器
?? ??? ?1. * 通配符
?? ??? ?2. tag 標簽
?? ??? ?3. class 類
?? ??? ?4. id ?
?? ??? ?5. ?群組 ?，逗號隔開
?? ??? ?6. 后代，空格
?? ??? ?7. 直接子集, >隔開
?? ?4. CSS選擇器優(yōu)先級
?? ??? ?同級別選擇器最后優(yōu)先
?? ??? ?!important > 行內 > id > class > tag ?> *?
?? ??? ?多級選擇器，權重值 求和計算優(yōu)先級
?? ?5. CSS 尺寸單位
?? ??? ?1. ?px 像素,絕對值適合于pc頁面
?? ??? ?2. em ?相對于父元素的 字體大小
?? ??? ?3. rem ?相對于根html節(jié)點的 字體大小
?? ??? ?4. % ?相對于父元素的 百分比大小
?? ??? ?5. ?vw/vh 相對于瀏覽器窗口的 百分比大小
?? ??? ?6. cm/mm/pt ?打印單位
?? ?6.CSS 顏色單位
?? ??? ?1. ?rgb ? Red(0-255) ?Green(0-255) Blue(0-255) ,24位色,顏色范圍 16,777,216個顏色
?? ??? ?2. rgba ? ?Red(0-255) ?Green(0-255) Blue(0-255) ?A(0-1),32位色
?? ??? ?3. 英文單詞
?? ??? ?4. 16進制顏色 #ff00f0
?? ?7. 字體文本樣式
?? ??? ?1. font-size：字體大小
?? ??? ?2. font-famliy ： 字體字型
?? ??? ?3.font-weight ： 字體加粗 100-900
?? ??? ?4. font-style: 字體傾斜
?? ??? ?5. color ： 字體顏色
?? ??? ?6. text-align： 文本水平對齊方式 left center right ?justify(非最后一行兩端對齊)
?? ??? ?7. text-align-last: 最后一行的文本對齊方式
?? ??? ?8. text-decoration: 文本裝飾線 ，overline ?line-through ?underline
?? ??? ?9. text-transforom: 英文字母大小寫
?? ??? ?10. text-indent: 首行縮進
?? ??? ?11. ?text-overflow: ?可設置單行文本顯示省略號
?? ??? ?12. white-space: 空白處理. nowrap不換行 ?wrap換行 ? pre預定義文本
?? ??? ?13. overflow:溢出選項， hidden隱藏 ?scroll始終顯示滑動條 ?auto 自動
?? ??? ?14. word-spacing: 單詞間距
?? ??? ?15.letter-spacing：字符間距
?? ??? ?16. line-height: 行高
?? ??? ?17.vertical-align:垂直對齊方式

總結

以上是生活随笔為你收集整理的css基本标签的全部內容，希望文章能夠幫你解決所遇到的問題。

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