新手小白學(xué)習(xí)css筆記

一、復(fù)習(xí)

1. 什么是CSS？
   層疊樣式表 -層疊樣式只會被覆蓋而不會被替代

2. CSS的使用方式
   style屬性---> <h1 style="css屬性"></h1>
   sytle標(biāo)簽---> head標(biāo)簽里面
   link---><link rel="stylesheet" href="style.css?1.1.11">

3. 基礎(chǔ)選擇器
   html標(biāo)簽選擇器 通過html標(biāo)簽名來選擇元素
   ①所有的html標(biāo)簽都可以當(dāng)做選擇器
   ②無論標(biāo)簽藏多深都會被選中
   ③選擇的是所有的標(biāo)簽而不是具體某個標(biāo)簽。所以說我們通過html標(biāo)簽選擇器來設(shè)置的都是一些共性問題
   id選擇器
   ①任何的標(biāo)簽都可以用id屬性和屬性值（因為id是一個全局屬性）。id命名不能隨意的命名。大小寫敏感，id的名字中可以有數(shù)字字母下劃線，但是要以字母開頭。
   駝峰命名法 小駝峰命名法 大駝峰命名
   testHeader小駝峰TestHeader大駝峰 ②但是id名不能夠重復(fù)
   class選擇器
   ①任何的標(biāo)簽都可以使用class屬性（class屬性也是一個全局屬性）
   ②class屬性名可以重復(fù)使用
   ③一個class屬性中，可以有多個class屬性值。

二、綜合選擇器

1. 后代選擇器 div p

2. 交集選擇器 div.dl

3. 并集選擇器 div,p

4. 子元素選擇器 div>p

5. 序列選擇器 ul li:first-child ul:li:last-child

6. 相鄰兄弟選擇器 div + p

7. 普通兄弟選擇器 div ~ p

三、繼承

1. 繼承:父元素的某些css屬性會被子元素?zé)o條件的繼承過去。關(guān)于文字的css屬性都可以進(jìn)行繼承:color text- line-font-

2. 層疊
   層疊解決的是css沖突的問題
   比較權(quán)重來解決層疊問題
   ！important能夠把"單獨屬性"的權(quán)重變?yōu)闊o限大。盡量少用。

四、塊級元素和行內(nèi)元素

div 塊級元素
span 行內(nèi)元素
塊級元素和行內(nèi)元素的區(qū)別： 1. 行內(nèi)元素部不能夠設(shè)置寬度和高度。行內(nèi)元素的寬度和高度是標(biāo)簽內(nèi)同的寬度和高度。塊級元素可以設(shè)置寬度和高度 2. 塊級元素會單獨占一行。而行內(nèi)元素卻不能夠獨占一行，只能和其他行內(nèi)元素共用一行。 3. 如果塊級元素不設(shè)置寬度，那么塊級元素會自動的占滿父元素的全部寬度。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com