• 1.2继承性

    提示：现实中的继承：我们继承父亲的姓

    css继承：子标签会继承父类东西，如：文字、颜色、（子承父业）

    • 恰当地使用继承可以简化
    • 子元素继承父（text、font、line——color属性）
    • 继承性口诀：龙生龙、凤生凤、老鼠生孩子会打洞。

    1、语法：

                            body{

                                    color：pink；

                                    font：12px/1.5“Microsoft  YaHei”;

                                    }

                             div{

                                   font-size:14px;

                                  }

                              p{

                                    font-size：16px；

                                 }

    • 行高可以不用跟单位
    • 如果子元素没有设值行高，则会继承父元素1.5倍 。     
    • 此时子元素行高是：当前子元素文字大乘以1.5。
    • body的行高1.5这样，写法最大优势就是在里面子元素设值文字大小来调动整个行高。

    自己代码展示：

    2. html>
    3. <html lang="en">
    4.  
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>继承性title>
    10.     <style>
    11.         /* 这个就是继承关系：p子类标签一定继承是div父类标签的遗产 */
    12.         
    13.         div {
    14.             color: pink;
    15.             font-size: 20px;
    16.         }
    17.     style>
    18. head>
    19.  
    20. <body>
    21.     <div>
    22.         <p>龙生龙、凤生凤、老鼠生孩子会打洞p>
    23.     div>
    24.  
    25. body>
    26.  
    27. html>
    2. html>
    3. <html lang="en">
    4.  
    5. <head>
    6.     <meta charset="UTF-8">
    7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>行高继承关系title>
    10.     <style>
    11.         body {
    12.             /* 这个就是行高继承关系：这个“body”表示父元素（父亲） */
    13.             font: 12px/1.5 "Microsoft YaHei"
    14.         }
    15.         
    16.         div {
    17.             /* 这个是子元素（儿子）、像这样在子元素里面只设置文字大小、没有长宽高就会继承父亲的1.5x文字的大小就得到长宽高像素 */
    18.             /* 14x1.5=21px就是长宽高 */
    19.             font-size: 14px;
    20.         }
    21.         
    22.         p {
    23.             /* 这个跟上面子元素一样的 */
    24.             font-size: 16px;
    25.         }
    26.         /* 下面没有写li的值时候看看有没有设置ul父类、父没有就继承body父亲的属性值 */
    27.     style>
    28. head>
    29.  
    30. <body>
    31.     <div>小猪佩奇div>
    32.     <p>小猪佩奇p>
    33.     <ul>
    34.         <li>小猪佩奇li>
    35.     ul>
    36.  
    37. body>
    38.  
    39. html>

    显示结果：

     

    总结

    提示：这里对文章进行总结：
    例如：以上就是今天要讲的内容，本文仅仅简单介绍了继承（子承父业）、继承行高的关系。

  • 相关阅读:
    JSP EL表达式的基本语法及运算符的优先级（一览表）
    Delphi利用adoquery调用sql server存储过程 标量值函数 表值函数
    第02篇:手写JavaRPC框架之设计思路
    Linux开发工具 - vim篇
    【Java开发岗：SpringCould篇】
    Java通过JNI技术调用C++动态链接库的helloword测试
    navicat16 破解（注意破解时候要断网）
    前端知识之CSS(1)-css语法、css选择器（属性、伪类、伪元素、分组与嵌套）、css组合器
    Spring Boot：常见注解之@Override、@EntityListeners
    Java Word文档发送给外部文件上传API
  • 原文地址：https://blog.csdn.net/qq_62865634/article/details/126802482