摘要:第一個值設置寬度,第二個值設置高度。背景圖像的某些部分也許無法顯示在背景定位區域中。把圖像圖像擴展至最大尺寸,以使其寬度和高度完全適應內容區域。 percentage 以父元素的百分比來設置背景圖像的寬度和高度。 第一個值設置寬度,第二個值設置高度。 如果只設置一個值,則第二個值會被設置為 auto。 cover 把背景圖像擴展至足夠大,以使背景圖像完全覆蓋背景區域。 背景圖像的某些部...
摘要:預處理器可以讓你設置變量,并且在函數循環和數學操作等中使用。不同之處在于變量是運行在瀏覽器中的動態屬性,而預處理器變量會被編譯成普通的代碼。變量提供了更多可能性但這并不是說你需要在二者之間選擇其一你可以同時使用變量和預處理器變量的強大功能。 CSS預處理器,如Sass和Less,使得CSS代碼易于組織和維護。通過提供變量、混合、循環等特性,使得CSS具有動態編寫的能力,從而減少重復性工...
摘要:包裹性所謂包裹性,其實是由包裹和自適應兩部分組成。官方對屬性的解釋是元素盒子的邊不能和前面的浮動元素相鄰。清除高度塌陷的問題在上面的章節中,如果子元素設置浮動屬性,則父元素就會出現高度塌陷的問題。 float屬性是CSS中常用的一個屬性,在實際工作中使用的非常多,如果使用不當就會出現意料之外的效果。雖然很多人說浮動會用就行、浮動過時了,但是對于優秀的前端開發人員,需要有刨根問底的精神,...
摘要:實際上是誰在文件中,權重相等,聲明在后面,那么最終就應用誰解釋上面的說明大致意思就是,如果兩個選擇器的聲明權重相等,那么誰在后面,最后就應用誰。 上代碼 .yellow { background: yellow; } .red { background: red; } 這個區域渲染出來是什么顏色呢?紅色? 黃色? 答案是紅色 不知道有多少人和我有一樣的誤區,一直以為...
摘要:解決的問題圣杯布局和雙飛翼布局解決的問題是一樣的,就是兩邊定寬,中間自適應的三欄布局,中間欄要在放在文檔流前面以優先渲染。 解決的問題 圣杯布局和雙飛翼布局解決的問題是一樣的,就是兩邊定寬,中間自適應的三欄布局,中間欄要在放在文檔流前面以優先渲染。 圣杯布局 圣杯布局dom結構: 圣杯布局 ...