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