CSS网站布局实录笔记-Part1

1. 伪类

:link        a链接未被访问的样式

:hover     鼠标移上的样式

:active     被用户点击及被点击释放之间的样式

:visited     a链接对象被访问后的样式

:focus       对象成为输入焦点时的样式

:first-child  第一个子对象样式

:first           对于页面的第一页使用的样式

2. 伪对象

:after          设置某个对象之后的内容

:first-letter   对象内的第一个字符的样式设置

:first-line      对象内第一行的样式设置

:before         设置某个对象之前的内容

3. !important语法

可以提升某一句样式的重要性，使其优先执行这句语句

4. 一列固定宽度：给定具体宽度高度多少 px

一列宽度自适应：将宽度改为百分比值形式

一列固定宽度居中：使用margin：0 auto；

二列固定宽度：固定width，height， #left和#right都使用 float: left;

二列宽度自适应：width使用百分比，#left和#right都使用 float: left;

二列左栏固定宽度，右栏自适应：将左栏宽度设定为固定值和float: left， 右栏不设定任何宽度值，并且右栏不浮动即可。

二列固定宽度居中：设置外层div固定宽度为left+right和margin：0 auto   jsfiddle.net/u020xbpa/

三列浮动中间列宽度自适应：左栏固定宽度居左，右栏固定宽度靠右，中间栏根据左右栏间距自动适应

left和right使用绝对定位，left居左居上为0和right居右居上为0，center则只需要设定margin-left和margin-right

jsfiddle.net/u020xbpa/3/

高度自适应：一个对象的高度是否可以使用百分比显示，取决于对象的父级对象。给html, body, left都设置height：100%；jsfiddle.net/u020xbpa/4/