1. 在设置分界线的时候不一定要使用</hr>，可以使用box-shadow。在box-shadow中，设置box-shadow：（inset -left值 -bottom值 #颜色值）可以设置出分界线
2. 手机端适配可以使用flex伸缩盒和响应式布局，在使用flex时结合width%和flex一起使用，不要把宽度钉死。手机端可以尽情地使用css3。
写手机端时要就加一句meta：<meta name="viewport" content="width=device-width,iniyial-scale=1.0,maximum-scale=1.0,user-scaleble=0">
3. dtd类型分为：过渡DTD（transitional），严格DTD（strict），框架DTD（framset）
写pc端时用过渡DTD（transitional）比较好，这也对老式浏览器的支持会比较好，写手机端的用h5的DTD。
4. html和xhtml之间的差别：1. 标签名必须小写字母 2. 标签必须正确被关闭 3. 元素必须正确被嵌套 4. xhtml必须拥有根元素
5. 在float的div中加入input=text会有一点偏差在高度方面，这时可以使用float的text来解决这个问题，是input的高度可以与设置的div的高度水平
6. 一栏div中若有多个信息要用div把他们嵌套起来分别处理，不然很容易乱掉
7. 图片不够大时可以使用width100%进行拉伸，背景图不够大时可以设置repeat
8. 若想创建一个可点击的a框，里面有很多的内容，可在a中包含几个span来设置
9. textarea的resize：none可以让输入框不可以随意伸缩
10. 在页面不够大想把footer放在底部的办法是：设置position：abs 然后设置bottom=0，此办法可以让footer一直贴在底部