响应式网站个人学习记录01

注意：

1.

一般使用class定义样式，id一般用于js快速的区别和获取元素class，class一般都中横线分隔，id一般使用驼峰命名法。

<nav class="top-ssl" id="buttonAler"></nav>

必不可少的图片使用<img>引入

可以使用Normalize.css对样式进行重构

2.(px,em,rem)

2.1 1px相当于1像素

2.2 em是相对长度单位（相对参照物是父元素的font-size），具有继承的特点，当没有设置font-size时候，浏览器会有一个默认的em设置：1em=16px;

em的缺点容易混乱

2.3 rem的相对参照物为跟元素html，相对参照固定不变，比较好计算

当没有设置font-size时候，浏览器会有一个默认的em设置：rem 设置：1rem=16px,这一点和em是一致的

浏览器兼容查询 caniuse.com caniuse.com/#search=rem

3.清除浮动技巧

.clearfix:before,.clearfix:after{ content:" "; display:table;}

.clearfix:after{ clear:both;}