css 选择器和属性

选择器:

动态伪类选择器(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;

 

你可能感兴趣的:(css 选择器和属性)