css 佈局入門

後小白發表於2018-04-17

屬性繼承:可以與不可以的元素有哪些: https://www.cnblogs.com/thislbq/p/5882105.html
可以繼承的 1文字相關屬性 2列表相關屬性3color屬性
任何一條與css繼承值衝突的屬性值都會覆蓋繼承的屬性值

盒子模型:position四種屬性值
display的三種屬性值
overflow 屬性規定當內容溢位元素框時發生的事情。
ie 盒子模型(ie 盒子模型的 content 部分包含了 border 和 pading)和標準 w3c 盒子模型
常見瀏覽器相容問題 https://blog.csdn.net/meimeizhuzhuhua/article/details/70751468

浮動 :float屬性控制 http://www.w3school.com.cn/css/css_positioning_floating.asp 其中水平選單兩個float很特別

讓包圍元素在視覺上包圍浮動元素 clear屬性 .clear { clear: both;}

屬性選擇器:1.直接是元素名
2. 元素+屬性名(可以是多個屬性名)
3.元素+【屬性名=屬性值】(也可以是多個)
4.元素+【屬性名~=屬性值】只要包含屬性名即可如bai css 有bai 即可 與*=x一樣
5.元素+【屬性名^=`開頭幾個或多個字母`】類似 |= 以此開頭或者加上-開頭
6.元素+【屬性名$=`末尾幾個或多個字母`】
權重:https://www.w3cplus.com/css/css-specificity-things-you-should-know.html
1.行內樣式 直接在html元素後面書寫的 1000
2.id選擇器 100
3.類/偽類/屬性選擇器 10
4.元素/偽元素 1

::after
::before
::first-letter
::first-line
::selecton

相關文章