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

    行高的继承性

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

  • 相关阅读:
    加载器、反射、xml、DTD、schema、注解、单元测试
    MySQL：索引有哪些（清晰明了）
    中英文说明书丨艾美捷支原体检测试剂盒
    springBoot 配置拦截器
    Web3.0与区块链有何不同？现在处于哪个阶段？
    数据湖：分布式容错数据仓库Hive
    AirPods跳转下一首歌的操作方法，“代”数不同，方法也不同
    OpenInventor/Coin3D 学习指南
    一次吃亏的运维经历
    序列合并--优先队列的应用
  • 原文地址：https://blog.csdn.net/Yyds12300/article/details/133527904