Css基础复习详解须知

1、css基础复习详解须知块元素、内联元素块元素是一个元素，占用了全部宽度，在前后都是换行符内联元素只需要须要的宽度，不强制换行。框模型，全部html元素可以看作盒子 包括 边距，边框，填充，和实际内容。margin - 清除边框区域。margin没有背景色彩，它是彻低透亮border - 边框周围的填充和内容。边框是受到盒子的背景色彩影响padding - 清除内容周围的区域。会受到框中填充的背景色彩影响content - 盒子的内容，显示文本和图像当为元素设置了width和height 属性时，只是设置内容区域的宽度和高度。要知道，彻低大小的元素，你还必需添加填充，边框和边距。总元素的宽度=宽

2、度+左填充+右填充+左边框+右边框+左边距+右边距元素的总高度终于计算公式是这样的：总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距margin，paddingmargin清除周围的元素（外边框）的区域。margin没有背景色彩，是彻低透亮的margin可以单独转变元素的上，下，左，右边距。也可以一次转变全部的属性。简写的属性:margin:25px 50px 75px 100px;对应，上、右、下、左margin:25px 50px 75px;对应 ：上、左右、下margin:25px 50px;对应：上下 、左右margin:25px;对应： 4个边距padding:

3、当元素的 padding（填充）（内边距）被清除时，所释放的区域将会受到元素背景色彩的填充。简写属性的作用类似 maginfloat元素只能水平浮动，向左或向右移动 直到遇到边框或另一个浮动元素浮动后，其他的文本流将围绕在它的旁边几个浮动的元素会彼此相邻，且高度相同 ，这也是与inline-block的不同，后者会有间距用法clear 清除浮动 clear:both;css挑选器，组合挑选符id 挑选器para1text-align:center;color:red;class 挑选器.center text-align:center;某元素下的class的样式p.center text-al

4、ign:center;后代选取器div pbackground-color:yellow;递归挑选 ，div下的全部 p元素，可以是自己的子元素，也可以是子元素的子元素 - 子元素挑选器div>pbackground-color:yellow;只对自己的子元素生效，不递归下去相邻兄弟挑选器div+pbackground-color:yellow;选取之相邻的第一个p元素，需要 有相同的父级元素一般相邻兄弟挑选器divpbackground-color:yellow;挑选全部与之相邻的p元素，需要有相同的父级元素 - 嵌套挑选器pcolor:blue;text-align:center;.markedbackground-color:red;.marked pcolor:white;.marked 下的全部 p元素建立 了样式 同后代选取器分组挑选器h1,h2,pcolor:green;用法逗号隔开 ，合并