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

    行高的继承性

    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、顺序不能变

  • 相关阅读:
    算法提高： 使用归并实现范围和问题（Count of Range Sum）
    【实践篇】Redis最强Java客户端(一)之Redisson入门介绍
    mmdetection使用记录汇总
    电脑怎么设置定时关机？
    Python学习之CSDN21天学习挑战赛计划之16
    Multi-Resource Interleaving for Deep Learning Training（论文笔记）
    我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript
    使用MongoDB数据库和Mongoose库在Node.js中进行数据存储
    CopyOnWriteArrayList解析
    知识变现海哥：为什么你做知识付费不行？
  • 原文地址：https://blog.csdn.net/Yyds12300/article/details/133527904