本文主要是介绍行高的继承和消除内外边距，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
行高的继承性
<style>div {font: 12px/1.5 'Microsoft yahei';}
p {font-size: 14px;}</style>
<body><div><p>苏丹红事件</p></div>
<body>-
12px这里没有行高没有写单位，子类继承父类的1.5倍，就是14*1.5=21px行高
-
选择器的选择根据权重的大小来定
-
子类继承父类的权重为零，
-
<style>#demo {color：green;} </style> <body><div id="demo" ><div> </body> -
复合选择器会有叠加的过程
-
<style> //div p 的权重进行叠加 0,0,0,1 + 0,0,0,1 = 0,0,0,2;div p {color: #000;} p {color: #fff;} </style> <body><div><p>苏丹红事件</p></div> </body> -
第一个选择器的权重相加大于第二个选择器的权重故会执行第一个
-
权重虽然会叠加但不能有进位的问题
清除内外边距
-
* { padding: 0; margin: 0; } -
行内元素为了照顾兼容性，尽量设置左右内外边距，不设置上下，而其他可以
-
li 表单里面会有小圆点
-
li {list-style: none; } -
圆角边框
-
border-radius: 10px; border-radius: 50%; -
如果是长方形，设置为高度的一半就可以做
-
如果是正方形，设置为高度或宽度的一半，或百分之五十
-
如果想设置左上角：border-top-left-radius、border-top-right-radius、顺序不能变
这篇关于行高的继承和消除内外边距的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
