CSS3 一些很實用的屬性

2022-06-01 15:12:14 字數 467 閱讀 2244

布局屬性

box-sizing

這個屬性能夠改變盒模型計算方式,值有 content-box, border-box; 當值為border-box時,盒模型寬度固定為width的值,盒模型的padding與border的值將包括在width值內,盒模型內容的寬度 = 盒模型width - padding - border;

相容性:

ie8chrome:  -webkit-

firefox:  -moz-

*, *:before, *:after

android placeholder 無法垂直居中

在android瀏覽器中,如果發現placeholder無法垂直居中,**上line-height: normal;

vertical-align: middle;

CSS3 一些屬性

1.flex direction 調整主軸方向 預設為水平方向 包括row column row reverse column reverse 2.justify content 主軸方向對齊,可以調整元素在主軸方向上的對齊方式,包括flex start flex end center space ...

css3一些屬性

1.第乙個引數預設朝外,可設定朝內inset或者不寫 2.第二個引數必須寫,左右水平偏移量 3.第三個引數必須寫,上下垂直偏移量 4.第四個引數可選,擴散blur寬度 5.第五個引數可選,顏色 box shadow裡面引數可以疊加,eg box shadow inset 1px 1px 1px pi...

css3的一些屬性

以前還沒有注意過css的一些屬性,近期發現有一些樣式很好用,現在整理一遍。keyframes 規定動畫 可以通過keyframes 改變乙個塊的樣式當然這是要配合animation屬性來結合的 keyframes mymove mymove必須定義動畫的名稱在 100 moz keyframes m...