美文网首页程序员
css 选择器和属性

css 选择器和属性

作者: 林筱优 | 来源:发表于2016-12-27 20:55 被阅读0次

    选择器:

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

        本文链接:https://www.haomeiwen.com/subject/vbpevttx.html