CSS3注

 1、css3内容上下左右居中

.box { display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; }

2、calc():是一个新的长度单位功能,可以使用通用的数学规则进行计算。

  • 使用“+”“-”“*”“/”四则运算;
  • 可以使用百分比、px、em、rem等单位;
  • 可以混合使用各种单位进行计算。
/*注:”+”、”-“两个符号边上必须要有空格,而”*”、”/”符号则不是必须的*/
.box{ border:1px solid #ddd; width:calc(100% - 2px); }  

 

 

posted @ 2019-06-19 13:44 shirliey 阅读(...) 评论(...) 编辑 收藏