zoukankan      html  css  js  c++  java
  • PHP初入,基础知识点整理(样式表&选择器的使用整理)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style>

    /*全局设置,外边距*/
    *{
    margin: 0px;
    padding: 0px;
    }

    /*id选择器*/
    #d1{
    300px;
    height: 200px;
    background-color: greenyellow;
    }

    /*class选择器*/
    .d3{
    300px;
    height: 200px;
    background-color: lightseagreen;
    }

    /*标签选择器*/
    div{
    border: solid black 5px;
    }

    /*不常用选择器*/
    [name=N1]{
    300PX;
    height: 100PX;
    background-color: red;
    }

    /*并列选择器*/
    .d4,.d5{
    300px;
    height: 200px;
    background-color: hotpink;
    }

    /*单独改字体,并不改其他的字体*/
    .c6 span{
    color: red;
    300px;
    height: 200px;
    }

    /*并列选择器*/
    .x1{
    300px;
    }
    .x2{
    height: 200px;
    }
    </style>


    <link type="text/css" rel="stylesheet" href="css/sdtyle1.css"/>
    </head>

    <body>
    <!--第一种直接写--> <!--但是这种方式是最后用的-->
    <div style=" 300px; height: 200px; background-color: red;">这是第一种选择器</div>


    <!--第二种用选择器-->
    <div id="d1">这是第二种id选择器</div>

    <!--第三种引入css文档-->
    <div id="div2">这是第三种选择器</div>

    <div class="d3"></div>
    <!--选择器问题-->

    <!--id name class-->
    <!--不常用选择器-->
    <div name="N1"></div>

    <!--并列选择器-->
    <div class="d4"></div>
    <div class="d5"></div>

    <!--子代选择器-->
    <div class="c6">
    <span>啦啦啦啦啦啦</span>
    </div>
    <span>啦啦啦啦啦</span>

    <!--另类并列选择器x1和x2-->
    <div class="x1 x2"></div>

    <!--(敲黑板)优先级的问题,总的来说后面的代码优先级高-->

    </body>
    </html>

    以上就是我学习和整理的内容,希望看到的同学对里面错误和不合适的地方进行指正,谢谢。

                                                                                                 ~~明天,又是充满希望的一天。

  • 相关阅读:
    E小press框架之第三步(参数接收)
    Express框架之第二步(路由)
    Express框架之第一步(创建工程)
    【排序】基数排序
    【数学】平方和公式$$sum_{i=1}^{n}i^2=frac{n(n+1)(2n+1)}{6}$$
    【博弈论】Nim游戏
    【搜索】对抗搜索【CF】J. Situation
    【图论】Kruskal算法
    dijkstra算法+堆优化 + 链式前向星版本
    【DP】【数位DP】
  • 原文地址:https://www.cnblogs.com/GP1014336455/p/7358545.html
Copyright © 2011-2022 走看看