摘要:一丶盒模型的屬性重要是標準文檔流父子之間調(diào)整位置上下左右上下左右上左右下順時針上右下左三要素線性的寬度線性的樣式顏色實線小圓點一丶盒模型的屬性(重要) 1.padding padding是標準文檔流,父子之間調(diào)整位置 DOCTYPE html> padding *{ ...
摘要:變形變形移動移動可以指定像素值也可以指定百分比,注意指定百分比是自身大小的百分比,因此可以用于設(shè)置盒子定位時的居中對齊在設(shè)置后再移動自身的即可。方向上的移動在現(xiàn)實生活中是距離變遠,距離變近。1、過渡?transition? 過渡屬性用法: transition :ransition-property? transition-duration??transition-timing-functi...
摘要:有一天看到旋轉(zhuǎn)這個屬性突發(fā)奇想的寫了一個鐘表沒做瀏覽器兼容來一起看看是怎么寫的吧先給個成品圖最終結(jié)果是個樣子的動態(tài)的首先思考了一下頁面的布局大致需要層最底層是一個表盤的背景圖然后其余層分別是時針分針秒針的圖層代碼如下變量名是隨便起的不要有一天看到css3旋轉(zhuǎn)這個屬性,突發(fā)奇想的寫了一個鐘表(沒做瀏覽器兼容),來一起看看是怎么寫的吧! 先給個成品圖,最終結(jié)果是個樣子的(動態(tài)的). ...
摘要:英語為了防止用戶電腦里面,沒有微軟雅黑這個字體。因為絕對定位脫離標準流,影響頁面的布局。一丶浮動的補充 浮動的特性: 1.?浮動的元素脫標 2.浮動的元素互相貼靠 3.浮動的元素有字圍效果 4.浮動的元素有收縮的效果 前提是標準文檔流,margin的垂直方向會出現(xiàn)塌陷問題 如果盒子居中:margin: 0?auto;如果盒子浮動了,marg...
摘要:相關(guān)的各個屬性如下在父盒子定義,子盒子才能使用屬性設(shè)置子盒子的縮放比例,可以一起指定也可以單獨指定。子盒子在父盒子中的水平對齊方式。強行在一行顯示,因此每個盒子的大小都會減少。CSS flex 是一種伸縮布局,之前塊級元素布局在同一行,可以通過display或position或float來實現(xiàn),而本篇介紹一個新的方法——flex(彈性布局)。 flex 為和模型布局提供了極大地靈活性,所謂彈...