html，css

1. font-family：英文字体靠前，中文字体加引号。了解Unicode\5b8b，这种
2. font：字体样式；是否加粗；字体大小；什么字体；（必须有字体大小和什么字体）
3. 结构伪类为c3有兼容nth-child
4. 目标伪类，：target{}
5. 首行缩进：text-indent：2em
6. c3才有的颜色半透明和阴影rgba，text-shadow：水平垂直参数必须写
7. 文字类块级（p，h1）不能放块级元素
8. 行内块：img ，input ，td
9. 交集选择器：h.class
10. .并集选择器：逗号隔开
11. 背景图片固定：bg-a：fixed；
12. background;背景颜色，url，no-repeat，固定，位置

-`background: url(images/l.jpg) no-repeat left top ,
			url(images/3.jpg) no-repeat right bottom hotpink;
		/*  一个元素可以设置多重背景图像。 
 每组属性间使用逗号分隔。 
 如果设置的多重背景图之间存在着交集（即存在着重叠关系），前面的背景图会覆盖在后面的背景图之上。
 为了避免背景色将图像盖住，背景色通常都定义在最后一组上， */`

14. border-collapse: collapse; /* 合并相邻边框 */
15. 盒子没有宽度，设置padding不会影响，子盒子继承父盒子宽度同时不设置宽度，子盒子设置padding也不会影响。
16. c3盒子box-sizing=boeder-box
17. 盒子阴影：box-shadow，文字阴影：text-shadow。
18. a盒子不浮动，b盒子浮动只能对其a的底部。
19. 块元素浮动，变成行内块
20. 继承：宽度继承，高度不继承（两列左窄右宽布局）
21. 通栏布局用li，子元素会继承父元素的行高。
22. 行内块元素里面有空隙，所以用浮动可以消除空隙。一般情况下 ，如果需要设置浮动或者定位，则不需要在设置block
23. 根据值来判断类型为弱类型语言
24. 设置a元素，因为为行内元素，可以在不设置宽度的情况下设置padding，
25. 静态 定位设置边偏移left或者right，没变化，主要用于清除定位。
26. 相对定位相当于自身定位，原来的位置仍然占用，会盖住后面的文档流
27. 固定定位一定要 写宽和高，除非有内容撑开盒子。
28. z-index只为定位而生
29. display：显示隐藏不保留原来的位置
30. visibility：保留原来的位置，显示和隐藏
31. 页面底部有大标题和li部分。适合用dl ，dt来做
32. input表单轮廓线：outline有颜色等样式，一般设置为0
33. 文本域禁止拖拽：resize：none
34. 行内块与文字对齐方式：img，input，textarea（和文字基线对其）。vertical-align：middle
35. 去除图片底部空隙：把img转换为块级元素或者vertical-align：top；
36. white-space：nowrap； 列表-单行内容强制一行。overflow：hidden；超出隐藏。text-overflow：ellipsis；超出文字显示省略号。
37. sprite：精灵图。减少服务器请求次数，提高页面加载，用于背景图片，精灵图往上跑所以Y设置为负数，往左跑也为负数
38. 多数用于移动端
    父元素设置
    display：flex
    最好顺便设置min-width最小宽度
    flex-direction：column；可以把左到右排列变成上到下排
    子元素
    flex：1/2/3（把父元素内容划分）相对于width33.3%来说，省略了宽度、浮动、以及设置33.3%后不能设置margin之类的属性

justify-content：space-around相当于给盒子添加相同的左右外边距离，用于水平居中
align-items:stretch;用于垂直居中 针对一行
align-content:center；垂直居中 此方法针对多行。其必须对父元素设置display：flex；
排列方式为横向排列flex-flow：row wrap；（必须有要不然不显示）