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>

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

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

  • 相关阅读:
    asp.net 获得域名,端口,虚拟目录[转]
    在EntityFramework6中执行SQL语句【转】
    Ingress 访问日志分析与监控
    kubernetes之secret
    ingress Whitelisting白名单机制
    Kubernates之从pod中拷贝文件到宿主机
    kubernetes-subpath用法(把文件挂载在已存在的目录下,不覆盖原目录)
    npm 私服工具verdaccio 搭建
    nvm安装、解决nvm command not found问题、卸载
    k8s Pod 扩容和缩容
  • 原文地址:https://www.cnblogs.com/GP1014336455/p/7358545.html
Copyright © 2011-2022 走看看