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