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
高度自适应:一个对象的高度是否可以使用百分比显示,取决于对象的父级对象。给html, body, left都设置height:100%;jsfiddle.net/u020xbpa/4/