选择器:
动态伪类选择器(IE6时,只能给a标签添加。现在可以给任何一个标签添加)
:link 表示连接时的状态
:visited 表示访问过时的状态 (点击之后)
:hover 表示鼠标经过时的状态 ****
:active 表示鼠标点击时的状态
遵循LoVeHAte爱恨原则
:伪类选择器
:first-child
:last-child
:nth-child (n)第几个(2n+1)奇数行(2n)偶数行
:even 偶数 下标从0开始
:odd 奇数 下标从0开始
css属性:
1、文字属性:color:文字颜色;通常使用十六进制表示法和单词表示法; 文字颜色
font-size:12px(页面整体文字大小)/14px(标题)/16px(标题); 文字大小 font-family:宋体、黑体、微软雅黑microsoft yahei; 文字字体
font-style:normal(正常)/italic(斜体) 文字样式
font-weight:100-900,normal/bold/bolder; 文字加粗
段落属性:
text-align:center/left/right 文字水平对齐方式 text-indent:2em/20px; 文本缩进
text-decoration:none/underline/overline/line-through 文本修饰
**none去除超链接下划线 **underline加上下划线 上划线 中间划线(删除线)
line-height:22px/150%/200%/1.5/2 文本段落行距
重要作用:使一行文本上下垂直居中,line-height:;
背景属性(background)(复合属性): px像素是固体 %是流体
background-color:#ff0;背景颜色
background-image:url(路径);(背景图像)
background-repeat:repeat满屏重复/no-repeat不重复/repeat-x横向重复/repeat-y纵向重复;背景图像是否需要重复
background-position:x,y;
x:left right center 20px 20%
y:top center bottom 20px 20%
backgroung:#ff0 url(../images/a.jpg) no-repeat left center;
vertical-align:bottom/top/middle;垂直方向对齐方式 给图像
不需要添加超链接的图像一般的时候都使用背景图像,用background这个css属性
列表属性:
list-style:none;去掉无需列表/有序列表的项目符号***
list-style-type:circle空圆圈/square/disc/lower-(小写4种)upper(大写4种)...
list-style-image:url();
list-style-positon:inside/outside;图像在文字(表格)的里面/外面
list-style:url(..//) inside; **
块级元素加宽度 再加margin:0 auto
加边框:border:1px solid #ff0;