html5 笔记

position:static 静态的默认的，relative相对定位，absolute绝对定位，fixed固定定位，用来对元素进行精确的定位，在找到明确的参照物之后，使用top,left,bottom,right,来进行设置。使用calc进行精确的设置alc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度

calc（）可以

1. 使用“+”、“-”、“*” 和 “/”四则运算；
2. 可以使用百分比、px、em、rem等单位；
3. 可以混合使用各种单位进行计算；
4. 表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是错误的；
5. 表达式中有“*”和“/”时，其前后可以没有空格，但建议留有空格。
6. 例：

1. width:calc(50% + 2em)
   
2. 2：width：calc(expression)/*计算长度*/