AI智能
改变未来

css3新增样式


position定位的新属性

position: sticky;(当盒子滚动到设置top时出现按fixed布局,块级格式化上下文才可以)

css新增计算单位

calc()的运算规则:
calc()使用通用的数学运算规则,但是也提供更智能的功能:
使用“+”、“-”、“” 和 “/”四则运算;
可以使用百分比、px、em、rem等单位;
可以混合使用各种单位进行计算;
表达式中有“+”和“-”时,其前后必须要有空格,如\”widht: calc(12%+5em)\”这种没有空格的写法是错误的; ()
表达式中有“”和“/”时,其前后可以没有空格,但建议留有空格。*
浏览器的兼容性:
 浏览器对calc()的兼容性还算不错,在IE9+、FF4.0+、Chrome19+、Safari6+都得到较好支持,同样需要在其前面加上各浏览器厂商的识别符,不过可惜的是,移动端的浏览器还没仅有“firefox for android 14.0”支持,其他的全军覆没。

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » css3新增样式