2017 年 4 月 3 日 css 学习笔记

1. width 值可以用百分比来表示，而且更加灵活。

2. 解决屏幕宽度比网页宽度小出现水平滚动条的问题

将 width 改成 max-width.

3. box-sizing 属性

当该属性设置成 box-sizing:border-box 时，此元素的内边距和边界不会增加它的宽度。
也可以将* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}这段代码放在 css 里，使页面上所有元素都表现该属性。

4. position相关知识

5. position 属性值 fixed 与 absolute 的区别

fixed 相对视窗定位，这意味着即使页面滚动，它还是会停留在相同的位置。
position  相对最近的 `positioned` 元素定位，如果没有 `positioned` 元素，则会相对于 `body` 定位，并且会随着页面的滚动而滚动。

6. float 实现文字环绕图片

img {

float: right;

margin: 0 0 2em 2em;

}

7. 解决浮动元素比其父元素还高的问题

overflow:auto;

8. inline-block 

使用 inline-block 属性实现浮动，该元素之下的元素无需使用 clear 属性。

9. border 属性： dotted 与 solid 

dotted: 虚线

solid: 实线