美文网首页
css第一课

css第一课

作者: 吐痰高手 | 来源:发表于2017-03-28 20:33 被阅读16次

    语法:
    CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明


    css语法规则

    行内样式表

    直接在区块中添加style属性

    <!--行内样式表,一般不写写行内样式表,优先级最高-->
    <p style="font-size: 100px;">
        测试用的文字,<br />2222222222
    </p>
    

    标签选择器

    class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
    class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示

    body {  //选择器和标签名相同
        /*background: green;*/
        /*background: # ffffff*/
        background: url("a3.jpg") no-repeat;
    }
    对所有body标签生效
    
    body.bgtest {  //标签名后加".选择器名"
        /*background: green;*/
        /*background: # ffffff*/
        background: url("a3.jpg") no-repeat;
    }
    对所有body标签生效
    

    最佳选择:

    /*class选择器!重点*/
    .mydivcss{  //mydivcss就是选择器的名字,想要使用此选择器必须要在标签的class属性中指定这个选择器
        color: aqua;        
        background: deeppink;
    }
    

    使用方法:

    <!--使用class选择器-->
    <div class="mydivcss">  //直接在想要改变样式的标签中把class属性指向指定的选择器就行
    asdfsadf <br/>
        adsfasdf <br/>
        ddddddddd <br/>
    </div>
    

    id选择器

    id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
    HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
    以下的样式规则应用于元素属性 id="para1":

    #para1
    {
    text-align:center;
    color:red;
    }
    

    相关文章

      网友评论

          本文标题:css第一课

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