定位
标准文档流或者浮动都无法实现的功能用定位 定位 = 定位模式 + 边偏移 定位模式： 定位模式决定元素定位方式，通过position设置 静态定位（默认） position：static 相对定位： 是元素在移动位置时，相对于它原来的位置 position：relative 绝对定位： position：absolute 绝对定位是相对于祖先元素 特点 1、如果没有祖先元素或者祖先定位，则以浏览器为准定位 2、如果祖先元素有定位，则以最近的祖先元素为参考 子绝父相出现的情况： 因为父级需要占有位置，因此是相对定位，子盒子不需要占有位置所以是绝对定位 固定定位： position：fixed 固定定位是元素固定于浏览器可视区的位置。主要使用场景：可以在浏览器页面滚动时元素的位置不会改变 特点： 1、以浏览器的可视窗口为参照点移动元素 根父元素没有关系 不随滚动条滚动 2、固定定位不占有原先的位置 固定定位也是脱离文档流的，可以看做是一种特殊的绝对定位 粘性定位：（用于吸顶组件） 粘性定位可以看为是相对定位和固定定位的混合 position：sticky 必须添加top、bottom、left、right其中之一，粘性定位才能生效 overflow：visible、hidden：隐藏、scroll：溢出的部分显示滚动条 不溢出也显示滚动条、auto：在需要的时候添加滚动条，不溢出不显示滚动条 vertical-align：经常用于设置图片或者表单和文字垂直对齐，只对行内元素或行内块元素有效
单行文本溢出省略号显示-需满足三个条件
1、先强制一行内显示文本 white-space：nowrap 2、超出部分隐藏 overflow：hidden 3、文字用省略号替代超出部分 text-overflow：ellipsis
多行文本溢出省略号显示
overflow：hidden text-overflow：ellipsis 弹性伸缩盒子模型显示 display：-webkit-box 限制在一个块元素显示的文本的行数 -webkit-line-clamp：2 设置或检索伸缩盒对象的子元素排列方式 -webkit-box-orient：vertical
HTML5标签
header：头、nav；导航、 article：内容、section：文档某个区域、aside：侧边、footer：底
CSS3函数
calc()：此CSS函数允许在CSS属性值执行一些计算，如下 width：calc(100% - 50px)
