• css三大特性

    提示：css有三大特性：层叠性、继承性、优先级

    相同选择器给相同样式、此时一个样式就会（覆盖或层叠）另一个冲突样式

    1、1层叠原则：

    • 样式冲容，遵循原则就是就近原则，那个样式结构近，就执行那个样式。
    • 样式不会冲突、不会层叠。

    1、语法：

                  div{

                        color：red；

                        fon-sizi=“20px”；

                  }

                  div{

                         color：pink；

                     }

    解释：

    这个情况是两个一样选择器，也是离样式近一个来调用，那么我们第二个div就是调用，如果里面没有文字大小可以调用第一个div文字大小“fon-sizi”（就是就近原则）

    自己代码展示：

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>层叠样式title>
    9.     <style>
    10.         /* 这个就是层叠样式、就是里样式最近的就执行那个命令、  */
    11.         
    12.         div {
    13.             display: inline-block;
    14.             width: 120px;
    15.             height: 50px;
    16.             line-height: 50px;
    17.             text-indent: 2em;
    18.             background-color: palegreen;
    19.             color: red;
    20.         }
    21.         
    22.         div {
    23.             display: inline-block;
    24.             width: 120px;
    25.             height: 50px;
    26.             line-height: 50px;
    27.             text-indent: 2em;
    28.             background-color: rgb(243, 240, 255);
    29.             color: pink;
    30.         }
    31.     style>
    32. head>
    33.  
    34. <body>
    35.     
    36.     <div>小猪佩奇div>
    37.  
    38. body>
    39.  
    40. html>

    显示结果：

     

    总结

    提示：这里对文章进行总结：
    例如：以上就是今天要讲的内容，本文仅仅简单介绍了css有三大特性：层叠性、继承性、优先级，讲了层叠性（就近原则）。

  • 相关阅读:
    GBase 8c向表中插入数据
    javascript二维数组(9)toString的用法
    计算机网络高频面试题
    VBA技术资料MF70：从单元格文本中取消或删除上标
    SpringCloud-zuul
    ROS-PX4仿真笔记_1
    理解“闭包”
    Leetcode 575. Distribute Candies
    java计算机毕业设计基于springboo+vue的毕业生信息招聘求职平台管理系统
    十九、【文本编辑器(五)】排版功能
  • 原文地址：https://blog.csdn.net/qq_62865634/article/details/126802293