• CSS基础(二)-- CSS选择器之ID选择器


    随笔记录方便自己和同路人查阅,学习CSS时最好先学会HTML。

    #------------------------------------------------我是可耻的分割线-------------------------------------------

    div标签上色,普通写法:style="background-color:#2459a2;height:48px;”,该方法不常用

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
    </head>
    <body>
        <div style="background-color:#2459a2;height:48px">百度首页</div>
    </body>
    </html>

    这种写法可以,但是不可以重用

    head标签中使用style设置

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #l1{
                background-color:#2459a2;
                height:48px;
            }
        </style>
    
    </head>
    <body>
        <div id="l1">#l1</div>
    </body>
    </html>

    但是这种也不方便,因为标签中ID不能重复

    没关系我们还有办法,那就是使用.c1方式,Class选择器

  • 相关阅读:
    Vue项目搭建及原理三
    Vue项目搭建及原理一
    JS Cookie丢失问题
    1027 Colors in Mars
    1028 List Sorting
    1029 Median
    1030 Travel Plan
    1031 Hello World for U
    1032 Sharing
    1033 To Fill or Not to Fill
  • 原文地址:https://www.cnblogs.com/lirongyang/p/11303183.html
Copyright © 2020-2023  润新知