屏幕快照 2017-05-08 下午10.32.40.png
屏幕快照 2017-05-08 下午9.56.55.png
屏幕快照 2017-05-08 下午10.43.59.png
屏幕快照 2017-05-08 下午10.49.07.png
对于行内元素来说，上下margin padding是不生效的，只有左右才有效。
屏幕快照 2017-05-08 下午11.09.50.png
屏幕快照 2017-05-08 下午11.12.05.png
屏幕快照 2017-05-14 上午10.13.31.png
font 有各种各样的属性，第一个为简洁写法，第二个为繁琐写法
每一个字体都有英文名称，为了防止用户浏览器中没有相应的字体或者打开模式不匹配中文字体的显示，我们就统一使用英文名称。加上引号针对双字符串，显示为一个item.更为保险的方式是使用unicode编码
如何获得某字体相应的unicode码
chrome 默认字体是16px，最小字体是12px。
2em是字体的倍数
-webkit-transform:scale(0.75);缩小到原来的0.75倍
justify两端撑满，对最好一行没有效果
行内元素居中，在父容器中设置居中
屏幕快照 2017-05-14 上午11.29.13.png
默认情况下当文字放不下是会折行的
不想让它折行的话，white-space:nowrap
overflow:hidden 隐藏溢出部分的文字
text-overflow:ellipsis 溢出部分变为... clip：直接去掉多出来的文字
0.5是阿尔法通道，遮罩，数字越小，越透明，数字越大，越不透明
屏幕快照 2017-05-14 上午11.47.32.png
直接对a链接元素设置color，而非父元素设置color，因为浏览器会对链接元素设置默认的紫色color，而父元素继承的颜色优先级不如浏览器直接对a元素设置颜色的权重高。
如何去掉列表的点。因为默认设置是list-style-type:dics 表示小圆点，所以当我们舍子list-style:none的时候就是去掉了点
屏幕快照 2017-05-14 下午12.30.05.png
opacity 子元素都透明；bacground-color：只是背景色透明，子元素不透明；visibility虽然看不见，但元素还在。display元素都不在了，彻底消失
屏幕快照 2017-05-14 下午12.39.43.png
