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