資訊專欄INFORMATION COLUMN
摘要：兩個性質(zhì)繼承性。有一些屬性給祖先元素，所有的后代元素都集成上了。層疊性是一種能力，就是處理沖突的能力。有著嚴(yán)格的處理沖突的機(jī)制選擇上了，數(shù)權(quán)重，的數(shù)量，類的數(shù)量，標(biāo)簽的數(shù)量。因?yàn)闀寣懙暮軄y。
CSS
css兩個性質(zhì)：
1） 繼承性。有一些屬性給祖先元素，所有的后代元素都集成上了。
哪些屬性能繼承：color、font-、text-、line-
這些關(guān)于文字樣式的，都能夠繼承； 所有關(guān)于盒子的、定位的、布局的屬性都不能繼承。
2） 層疊性。層疊性是一種能力，就是處理沖突的能力。當(dāng)不同選擇器，對一個標(biāo)簽的同一個樣式，有不同的值，聽誰的？這就是沖突。css有著嚴(yán)格的處理沖突的機(jī)制：
選擇上了，數(shù)權(quán)重，(id的數(shù)量，類的數(shù)量，標(biāo)簽的數(shù)量)。如果權(quán)重一樣，誰寫在后面聽誰的。
沒有選擇上，通過繼承影響的，就近原則，誰描述的近聽誰的。如果描述的一樣近，比如選擇器權(quán)重，如果權(quán)重再一樣重，誰寫在后面聽誰的。
css 權(quán)重以下是權(quán)重的規(guī)則：標(biāo)簽的權(quán)重為1，class的權(quán)重為10，id的權(quán)重為100，以下例子是演示各種定義的權(quán)重值：
/*權(quán)重為1*/
div{
}
/*權(quán)重為10*/
.class1{
}
/*權(quán)重為100*/
#id1{
}
/*權(quán)重為100+1=101*/
#id1 div{
}
/*權(quán)重為10+1=11*/
.class1 div{
}
/*權(quán)重為10+10+1=21*/
.class1 .class2 div{
}
如果權(quán)重相同，則最后定義的樣式會起作用，但是應(yīng)該避免這種情況出現(xiàn)! important不允許使用。因?yàn)闀宑ss寫的很亂。
同一個標(biāo)簽，攜帶了多個類名，有沖突：我是什么顏色？
我是什么顏色？
Answer :都是紅色的,因?yàn)閏ss中red寫在后面。
float 水平居中 垂直居中 layout三欄自適應(yīng)
圣杯布局 Holy Grail Layout
首先渲染主體部分
全部左浮動
contianer 用padding擠出左右兩欄的空間
左右兩欄利用負(fù)margin + 相對布局 + left／right 移到相應(yīng)位置
雙飛翼布局 Flying Swing Layout
首先渲染主體部分
全部左浮動
contianer第一個div中的main利用margin擠出左右兩欄的空間
左右兩欄利用負(fù)margin移到相應(yīng)位置
二欄自適應(yīng)
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/115561.html
摘要：聲明允許表現(xiàn)性元素，廢氣元素以及。眾所周知強(qiáng)制屬性就是為禁用圖片時的兼容性作考慮。而正確的遵循標(biāo)簽的語義，則是保證禁用時的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結(jié)合成的外邊距稱為折疊外邊距。 HTML&CSS 大綱 對Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級、 HTML5、CSS3、Flexbox doctype 聲...
摘要：聲明允許表現(xiàn)性元素，廢氣元素以及。眾所周知強(qiáng)制屬性就是為禁用圖片時的兼容性作考慮。而正確的遵循標(biāo)簽的語義，則是保證禁用時的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結(jié)合成的外邊距稱為折疊外邊距。 HTML&CSS 大綱 對Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級、 HTML5、CSS3、Flexbox doctype 聲...
摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準(zhǔn)備轉(zhuǎn)正了一般來說，差不多到了轉(zhuǎn)正的時候，會進(jìn)行總結(jié)或者分享會議那么今天我就把看過的一些學(xué)習(xí)資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準(zhǔn)備轉(zhuǎn)正了！一般來說，差不多到了轉(zhuǎn)正的時候，會進(jìn)行總結(jié)或者分享會議！那么今天我就...
摘要：前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)分為新聞熱點(diǎn)開發(fā)教程工程實(shí)踐深度閱讀開源項(xiàng)目巔峰人生等欄目。它能夠?yàn)槲覀兲峁╊愃朴陬A(yù)處理器命名空間等多方面的輔助。 前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開發(fā)教程、工程實(shí)踐、深度閱讀、開源項(xiàng)目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號（ID：f...
閱讀 2330·2019-08-30 15:56
閱讀 3161·2019-08-30 13:48
閱讀 1182·2019-08-30 10:52
閱讀 1552·2019-08-29 17:30
閱讀 475·2019-08-29 13:44
閱讀 3708·2019-08-29 12:53
閱讀 1178·2019-08-29 11:05
閱讀 2723·2019-08-26 13:24
