HTML5学习笔记-Day5

Day5

CSS的层叠性:元素的属性被多次定义，后覆盖前

CSS的继承性:子元素继承父元素

CSS的优先级:

1.选择器相同则执行层叠性 

2.行内样式style="" > id > 类、伪类 > 元素选择器 > 继承/*通配符选择器

盒子模型

margin:外边距

margin: 5px 15px; /*上下5px,左右15px*/

margin: top right bottom left;

margin: 0 auto; /*块级盒子水平居中(需要有width属性)*/

*嵌套块元素塌陷:

当A包含B，B外边距不论取何值，B将与A紧贴；A与之父元素边距=max(A,B)

边框

border: border-width border-style border-color; //复合写法

border-style: solid实线 dashed虚线 dotted点线

border-top: 2px solid black;复合属性举例



border-radius: length;(px或%)设置圆角边框

border-radius:左上 右上 右下 左下;\



box-shadow:阴影(不占用空间)

h-shadow水平距离，正值右，负值左(必选

v-shadow垂直距离，正值下，负值上(必选

(可选)blur越大越虚spread阴影大小 color阴影颜色 inset/不写



padding:内边距

padding: 5px 15px;  /*上下5px,左右15px*/

边距清零 * { margin: 0px; padding: 0px; }



content:实际内容