行高的继承性
<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、顺序不能变
