学习前端，让我感觉有点慌。html和css之前学过点，但是还不能灵活掌握。
记点笔记让自己可以时不时回忆一下吧
来上菜咯！！
- readonly（可以交服务器）而 disabled （服务器不接收，有name属性也不行）都只读。
- 结构（位置）伪类选择器 nth-child(n) 匹配属于其父元素的第n个子元素，无论元素的类型。even 是偶数， odd 是奇数。 nth-child(even)。 公式n从0开始。 2n就是偶数246… nth-last-child(n) 是倒序开始 。
- 块转行内：display:inline
- 行内转块：display:block
- 块，行内元素转行内块：display:inline-block
- 块级元素添加浮动之后，具有行内块的特性（div）。行内元素添加浮动之后，具有行内块特性（span）
- 插入图片：多用于产品展示等 而背景图片：适用于小图标
- text-shadow: h-shadow v-shadow blur color 水平距离 垂直距离 模糊 阴影颜色 （各个属性的意思）
- box-shadow: h-shadow v-shadow blur spread color inset; （各个属性的意思）
- 水平距离，垂直距离， 模糊距离， 阴影尺寸（影子大小）， 阴影颜色 ， 内/外阴影（默认外阴影，内阴影inset)
- 子绝父相最常用，相对定位(position:relative;)占有位置不脱标。
- 绝对定位(position:absolute;)不占有位置完全脱标
- 精灵技术：背景图是大图有不同的小图，为获取某个小图用background-position: -x -y;进行精确定位 背景图片较多时使用
- 滑动门：精灵技术：根据需求自适应拉伸，不用给宽度，用padding 撑开宽度来实现。
- .one 类选择器 :hover 伪类选择器 (是选区对象）
- ::after / ::before 伪元素选择器（插入一个元素、标签、盒子只不过是行内元素 span 、a ) 必须设置content否则不起作用
- transition: width 3s ease-in 0s;
- /*transition: 要过渡的属性 花费时间 运动曲线 何时开始; */
- /谁加动画，谁过渡/
CSS必备
*｛margin: 0;padding: 0;｝ 默认清空内外边距
ul {list-style: none;} 取消ul里的列表
ps:如果有需要设置字体可以去看看这两个：(老师推荐了挺多的，个人喜欢这两个多点）
字体包：icomoon.io
阿里字体库：www.iconfont.cn/
