优化a标签的小技巧：在head中添加 <basetarget="_blank">，决定了当前页面所有的a标签打开方式。空链接有两种：一种 # 二种 javascript:
Css的作用
Cascading StyleSheets，简称层叠样式表，主要是用来进行页面的版面布局和外观样式的美化；
文字控制属性
文字颜色 color
Color取值
a、直接写英文单词yellow，red等等
b、16进制表示#aabbcc或者#abc
c、rgb（）如rgb（0，0，0）
d、rgb（）如rgba（0,0,0,0.5）a为透明度
常用测试颜色16进制：
黑色系列：#000； #333； #666； #999；
灰色系列：#ccc； #eee； #ddd； #dedede；
红色：#f00；
文字大小 font-size
文字字体 font-family
取值可以取一个或者多个，如果取多个值要用英文的逗号隔开，表示先找第一个字体如果没有就往后面查找，依次类推；
我认为比较难以控制的就是浮动,因为写了一个浮动,没有把握好的话,下面的东西继续写的话,很会浮到上面,往往出错在这.
浮动布局的注意事项
01、利用浮动布局的时候，建议给浮动的元素嵌套一个父级元素，然后给父级最好设置固定的高度，就减少出现兼容问题；
02、如果要用浮动布局做修改，所有的父级盒子都必须浮动，不然不符合规范；
下图问题：新闻列表用的是h3标签，是块级元素，默认的宽度是100%，尽管下面的更多a右浮动了也上去
定位：
静态定位：position:static;
相对定位：position:relative;自己本身原来的位置，进行位置的偏移；
绝对定位：position:absolute;默认情况下是自己的父级盒子，但是如果绝对定位的父级盒子没有任何定位属性，参照物就以浏览器为参照去进行定位；
固定定位：position:fixed;绝对定位的参照物默认以父级为主，如果父级没有定位一层一层往上找，如果找不到定位的祖先盒子就以浏览器为参照物；
一般在实际过程中我们采用子绝父相的方法进行定位.
小白（默认） cursor:default;
小手： cursor:pointer; 常用一般是用在一些提示要点击的样式，不能跳转的时候；
移动： cursor:move;
文本： cursor:text;
禁止： cursor:not-allowed;
取消表单默认的蓝色交互框（记住）
有时候图片也需要我们自行处理,这时候精灵技术就比较重要了
CSS精灵技术
好处
• 使用css精灵技术可以减少对服务器的请求次数；
• 可以将多个小图标合并成一张图片，成为css精灵图或者css雪碧图；
Css精灵图的技术核心：
利用北京图片定位设置X轴（水平方向）和Y轴（垂直方向）的位置；
background-position: X轴 Y轴;
复合写法：background:背景颜色 url（背景图片路径） 是否平铺 X轴 Y轴；
使用精灵图的重要步骤：
第一步，精确测量盒子的宽高和在X轴，Y轴的位置
第二步，然后设置图片定位的X轴和Y轴的位置；