当position属性值设置为absolute时，则开启了元素的绝对定位
绝对定位：
1.开启绝对定位，会使元素脱离文档流
2.开启绝对定位以后，如果不设置偏移量，则元素的位置不会发生变化
3.绝对定位是相对于离他最近的包含块定位的
（一般情况，开启了子元素的绝对定位都会同时开启父元素的相对定位 '父相子绝'）
4.绝对定位会使元素提升一个层级
5.绝对定位会改变元素的性质，开启BFC属性
内联元素变成行内块元素，
块元素的宽度和高度默认都被内容撑开
包含块：containing block
-正常情况下：
离当前元素最近的祖先块元素
-定位情况下：
离他最近的开启了定位的祖先元素
如果所有的祖先元素都没有开启定位，则会相对于浏览器窗口进行定位
html （根元素，初始包含块）
当元素的position属性设置fixed时，则开启了元素的固定定位
（1）用于固定在浏览器页面上，不随浏览器的滚动而改变位置；
（2）以浏览器(html根标签)为参照物，和父元素没有任何关系；
（3）固定定位不占有原来的位置，即脱离标准流 ,会改变元素的性质
(4)应用场景
- 固定导航
- 固定侧边栏
- 广告
<!-- 引入线下版本 下载下来，如果没有网也是可以生效的 -->
<!-- 引入线上版本 跟上面的线下版本引入一个就可以了-->
<style></style>
</head>
<body>
<!-- 第一种方式 转义字符形式-->
<!-- 第二种方式 类名形式 （常用）-->
<!--第三种方式 伪类 （了解）-->
</body>
</html>
<!--
图标字体（iconfont）
-在网页中经常需要使用一些图标，可以通过图片来引入图标
但图片本身比较大，也不灵活
-所以使用图标时，我们还可以将图标直接设置为字体，
然后通过font-face的形式来对字体进行引入
-这样我们就可以通过使用字体的形式来使用图标
306
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
