zoukankan      html  css  js  c++  java
  • CSS Id 和 Class选择器

      在用CSS给页面内容添加样式时,id和class是常用的选择器。

      id:

      同一个HTML页面不允许出现相同的id,id选择器适用于一些特定的属性添加,用 #id值 来定义。

      class:  

    class属性可以出现很多次,经常遇到页面中很多地方会用到相同的样式,例如,页面中,a标签里面加链接的内容通常不需要下划线,字体颜色一般也并不会保留链接文字的蓝色,还有页面中的列表(经常会用到ul列表),一般也不会保留列表每一项前面的实心圆点。这种情况就可以给a标签或者ul标签设置相同的class值,在CSS文件中添加样式的时候,能够做到统一修改,可以节约很多时间,减少代码量。class用.class值来定义。

      举个例子:

      

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>选择器</title>
        <link rel="stylesheet" href="id&class.css">
    </head>
    <body>
        <div>
            <div id="div1">君不见,</div>
            <div class="div2">黄河之水天上来,</div>
            <div id="div3">奔流到海不复回。 </div>
            <div class="div2">君不见,</div>
            <div class="div2">高堂明镜悲白发,</div>
            <div class="div2">朝如青丝暮成雪。 </div>
        </div>
    </body>
    </html>

      CSS代码:

    #div1
    {
        font-size: 10px;
        color: #0395e1;
    }
    #div3
    {
        font-size: 50px;
        color: #e53935;
    }
    .div2
    {
        font-size: 25px;
        color: chartreuse;
    }

      页面显示:

    ╰︶﹉⋛⋋⊱⋋๑๑⋌⊰⋌⋚﹉︶╯
  • 相关阅读:
    Java代理模式精讲之静态代理,动态代理,CGLib代理
    Java文件编译与反编译:javac命令和javap命令
    CAS机制总结
    try-catch-finally 与返回值的修改
    不同分布式锁的实现
    缓存算法(页面置换算法)-FIFO、LFU、LRU
    多线程的线程开销
    谈谈如何来查看GC日志
    JVM中常见的垃圾收集器
    前端大牛 博客集
  • 原文地址:https://www.cnblogs.com/zhangcheng001/p/10949756.html
Copyright © 2011-2022 走看看