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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。