大前端基礎(chǔ)視頻源碼課件圖解-hello碼農(nóng)店-預(yù)習(xí)css第三天1內(nèi)嵌式基本實(shí)現(xiàn)代碼與html分離當(dāng)前只能控制

復(fù)習(xí)css書寫位1：css書寫位外聯(lián) 2:三種樣式各自特內(nèi)嵌式:基本實(shí)現(xiàn)css代碼與html外鏈?zhǔn)?完全實(shí)現(xiàn)css代碼與html代碼分離，當(dāng)前樣式可以作用到整個(gè)行內(nèi)式:完全沒有實(shí)現(xiàn)css代碼與html代碼相分離，寫法簡答。成本css層疊性：瀏覽器解析CSS是從上至下，當(dāng)CSS時(shí)以最后定義的CSS為準(zhǔn)繼承性：繼承就是子繼承了的CSS樣式的屬,繼承特殊性<ahref無法繼承父類的顏色原因<ahref="">自己默認(rèn)有h標(biāo)題不能繼承父類設(shè)置文字大復(fù)習(xí)css三大特css優(yōu)先級(jí)瀏覽器默認(rèn)值 優(yōu)先級(jí)特點(diǎn)權(quán)重會(huì)疊加繼承的權(quán)重為復(fù)習(xí)html分html分類的依據(jù)：按照的顯示模式分3特點(diǎn)：1：所有元素同在一行23特點(diǎn)：1：所有元素同在一行2元間相互轉(zhuǎn) display:inline-復(fù)習(xí)偽:link--偽類，適用于未被用戶過的:visited--偽類，適用于已被用戶過的:hover:active復(fù)習(xí)偽偽類常用屬屬性介設(shè)置文字是否有下橫五彩導(dǎo)航作復(fù)習(xí)背景background-position設(shè)置背景位置需要注意12：如果有具體數(shù)一個(gè)參數(shù)代表水平方向，第二個(gè)參數(shù)代表垂直方3：background屬性聯(lián)寫 noe- left css行高那些事（line-行高之-瀏覽器默認(rèn)字瀏覽器默認(rèn)字體大小為行高之-瀏覽器默認(rèn)文字行詳解行高使文字垂直居中那點(diǎn)有關(guān)行高單位問行高單位問單位是單位是例如 單位是例如 單獨(dú)給一個(gè)設(shè)置行結(jié)如果行高單位是給父元素設(shè)置行子元素行高結(jié)元素文字大小無關(guān)行高=子元素文字大小*行高盒子模型的概所謂所謂盒子模型就是把HTML頁面中的元素看作是一個(gè)矩形的盒子，也就是一個(gè)盛裝內(nèi)容的容器。每個(gè)矩形都由元素的內(nèi)容、內(nèi)邊距（padding）、認(rèn)識(shí)css中盒子模css中盒子模型由三部分組成1邊框（border）2內(nèi)邊距（padding）3外邊距盒模型之邊框border屬性屬性名介例如小小熱border屬性其他盒模型之內(nèi)邊距上，下，左，右距離分別是padding:10px上下10px左右padding:10px40px padding:10px20px30px padding影響盒子大小問盒子寬度=盒子寬度+左右內(nèi)邊距+關(guān)于邊距簡單計(jì)關(guān)于邊距中等計(jì)提問：文字距離盒子內(nèi)左邊距離40p,邊框?yàn)閜x,當(dāng)前盒子200p?關(guān)于邊距復(fù)雜計(jì)提問：一個(gè)大盒子寬度500px,高度300px.一個(gè)小盒子寬300px,高度150px.請(qǐng)畫出讓小盒子在大盒子居中補(bǔ)充點(diǎn)盒子模型之外邊距距離上下左右邊距margin:10px 20px距離上 左右 距離上 右 下margin:0autoMargin之邊框合外邊距合并（疊加）是一個(gè)相當(dāng)簡單的概當(dāng)一個(gè)元素出現(xiàn)在另一個(gè)元素上面時(shí)，第一個(gè)元素的下外邊距與第二素的上外邊距會(huì)發(fā)生合并邊距合并問題只發(fā)生在塊級(jí)元解決問題：1給父元素設(shè)置邊框即可2給父元素設(shè)置行內(nèi)元于pad