美文网首页我爱编程
css入门基本用法

css入门基本用法

作者: 我是王串串的崔先生 | 来源:发表于2018-04-14 22:13 被阅读9次

    css 定义方式

    1. 指定特定的标签
    p{text-align:'center';
     }
    
    1. 指定id选择器
    #p{text-align:'center';
     }
    
    1. 指定class选择器
    .p{text-align:'center';
     }
    
    1. 指定特定标签的特定id或者class
    p.center{text-align:'center';
     }
    

    类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用!

    • background属性

    backgroud属性 值1 值2 值3
    backgroud-color #ffddcc rgb(255,0,0) red
    backgroud-image url('image.gif')
    background-repeat repeat-x 水平方向平铺 repeat-y 竖直平铺 no-repeat不平铺
    background-position right top

    属性简写在background里面

    background:#ffffff url('img_tree.png') no-repeat right top

    当使用简写属性时,属性值得顺序为:

    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position
    • text属性

    text属性 des 值1 值2 值3 值4
    color 颜色 #ffddcc rgb(255,0,0) red
    text-align 对齐方式 justify俩端对齐 right center left
    text-decoratiom 修饰线控制 none 消除链接下划线 overline line-through underline
    text-transform 大小写控制 uppercase lowercase capitalize首字母大写
    text-indent 缩进 50px
    • font属性

    font属性 des 值1 值2 值3 值4

    以后需要时再更.... css嘛又不是要做前端

    相关文章

      网友评论

        本文标题:css入门基本用法

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