amaze UI 笔记 - CSS

一、基本样式

1.统一样式

  说明了为什么使用Normalize,而不是Rest。

2.基础设置

  a.css和模型

     其实就是讲了一个CSS3的新属性:box-sizing。作为一个技术不到位的人,真没看懂。自己查了下如下:

     box-sizing的3种属性取一即可

     box-sizing:content-box | padding-box | border-box

     box-sizing:content-box;   宽度里面只包含内容

     box-sizing:padding-box;  宽度里面不包含padding

     box-sizing:border-box;    宽度里面不包含padding和border

  b.字号及单位

     其实就是讲的em和rem和用法及注意事项,但对于不理解这两个单位的人我还是普及一下:

     rem 永远基于根

     em  继承

    像这样:

html{
font-size:62.5%; /* 10÷16=62.5% */
}
body{
font-size:12px;
font-size:1.2rem ; /* 12÷10=1.2 */
}

 

 

    

    

    

   

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。