凸头用海飞丝

html5 特点 更简洁 标签语义化 head头部 footer底部 main主体 nav导航链接 section内容区块 article内容 video audio

阿里字体图标 查找图标--->把图标添加入库--->点购物车--->下载代码 vertical-align 垂直对齐方式，适用于行内、行内块元素垂直方向的对齐

标准流 块级元素独占一行---垂直布局 行内块元素水平布局---水平布局 浮动 让原本垂直布局的块元素变成水平布局 定位 可以让元素自由地摆放在页面的任意位置 用于盒子之间的层叠情况 使用场景 定位之

清除浮动的方法 1.给父元素加高度 但是子元素的高度如果超出父元素的话，父元素也要跟着修改 2.在父元素下面加一行div块，clear：both。 就会显示父元素，就不会塌陷，但是代码行会变多，并且每

清除内外边距 body有margin，ul，p都有 项目开始之前，清楚这些标签默认的margin和padding 正常情况 水平布局的盒子，左右的margin正常，互不影响，最终两者距离为左右marg

盒子 设置的width和height是内容的宽高 设置边框会撑大盒子 设置padding会撑大盒子，上右下左 三角形 PADDING 父盒子设置了宽度，而且子盒子没有设置宽度，给盒子设置左右paddi

display:block 转换为块元素 display:inline 转换为行内元素 display:inline-block 转换为行内块元素 注意：几乎不会把块元素转换为其他元素，用的最多的是行

``` /* 背景平铺 repeat 水平和垂直方向都平铺 repeat-x 水平方向都平铺 repeat-y 垂直方向都平铺 no-repeat 水平和垂直方向都不平铺 */ background-

类和id区别 类选择器：class=“c1”，可以有多个属性 id选择器：唯一性 书写区别 类选择器：以.开头 id选择器：以#开头 使用环境 一般用类选择器比较多 id选择器一般和JS开发集合使用