1.水平居中是常会遇到的，一般用margin 和 text-align
margin : 0 auto;是针对块级元素居中 text-align: center; 是针对行级元素居中
2.attr 和 prop
attr 针对的是 自己添加的属性 prop针对于原本就有的属性
3.a:hover b
鼠标移动到a上样式改变，同时b的样式也跟着改变
4.在做移动端项目中常常会需要禁止手机屏幕缩放，如果PC端的项目适配的分辨率和移动端吻合，要在移动设备上按原比例显示，那么必须加上禁止缩放这一条。
【问题：最近做了一个PC端项目，但是因为客户原因需要将其放到pad端使用，项目适配的分辨率是1200，pad分辨率是1024*768，正常显示应该是有横向的滚动条，但是奇怪的是页面显示底部总是有块留白，页面被压缩。】
解决办法： <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no" />