• 行高的继承和消除内外边距

    行高的继承性

    2. <body>
    3.  <div>
    4.         <p>苏丹红事件p>
    5.     div>
    6. <body>

    • 12px这里没有行高没有写单位，子类继承父类的1.5倍，就是14*1.5=21px行高

    • 选择器的选择根据权重的大小来定

    • 子类继承父类的权重为零，

      2. <body>
      3.     <div id="demo" ><div>
      4. body>

    • 复合选择器会有叠加的过程

      2. <body>
      3.     <div>
      4.         <p>苏丹红事件p>
      5.     div>
      6. body>

    • 第一个选择器的权重相加大于第二个选择器的权重故会执行第一个

    • 权重虽然会叠加但不能有进位的问题

    清除内外边距

      1. * {
      2. padding: 0;
      3. margin: 0;
      4. }

    • 行内元素为了照顾兼容性，尽量设置左右内外边距，不设置上下，而其他可以

    • li 表单里面会有小圆点

      1. li {
      2.     list-style: none;
      3. }

    • 圆角边框

      1. border-radius: 10px;
      2. border-radius: 50%;

    • 如果是长方形，设置为高度的一半就可以做

    • 如果是正方形，设置为高度或宽度的一半，或百分之五十

    • 如果想设置左上角：border-top-left-radius、border-top-right-radius、顺序不能变

  • 相关阅读:
    S2B2C商城系统平台功能模块分析，加速医药制造企业数字化转型落地
    【Linux 基础】df -h 的输出信息解读
    Java随笔-动态代理
    FPGA UDP RGMII 千兆以太网（4）ARP ICMP UDP
    k8s集群中ETCD备份和恢复
    35 WEB漏洞-逻辑越权之找回机制及接口安全
    MLX90363KDC 3轴X，Y，Z 磁力计位置传感器IC
    【供应链】全面分析供应链类型
    STM32的SDIO接口详解
    协程是如何实现线程切换的
  • 原文地址：https://blog.csdn.net/Yyds12300/article/details/133527904