CSS

盒子模型 页面布局要学习三大核心，盒子模型，浮动和定位，学习好盒子模型能非常好的帮助我们布局页面 看透网页布局的本质 网页布局过程： 1.先准备好相关的网页元素，网页元素基本都是盒子box 2.利用C

层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖(层叠)另一个冲突的样式，层叠性主要解决样式冲突的问题。 层叠性原则: 样式冲突,遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不

通过CSS背景属性，可以通过给页面元素 添加背景样式 背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定等 背景颜色 background-color 属性定义了元素的背景颜色。

单行文字垂直居中的代码 CSS没有给我们提供文字垂直居中的代码，这里我们可以使用一个小技巧来实现 单行文字垂直居中的原理 简单理解：行高的上空隙和下空隙把文字挤到中间了，但是如果行高小于盒子高度，文字

块元素 块级元素的特点： 注意： 文字类的元素内不能使用块级元素 p标签主要用于存放文字，因此p里面不能放块级元素，特别是不能放div 同理，h1-h6等都是文字类块级标签，里面也不能放其他块级元素

常用的复合选择器包括：后代选择器，子选择器，并集选择器，伪类选择器等等 后代选择器 后代选择器又称为包含选择器，可以选择父元素里面子元素，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔

内部样式表 行内样式表 外部样式表 rel:定义当前稳定与被链接文档之间的关系，在这里需要指定为"stylesheet",表示被链接的文档是一个样式表文件 chrome调试工具 如果有样式，但是样式前

css Text(文本)属性可以定义文本的外观，比如文本的颜色，对齐文本，装饰文本，文本缩进，行间距等 文本颜色 color属性用于定义文本的颜色 预定义的颜色值：red，green等 十六进制：#F

css fonts(字体)属性用于定义字体系列，大小，粗细，和文字样式(如斜体) 字体系列 css 使用font-family属性定义文本的字体系列 各种字体之间必须使用英文状态下的逗号隔开 一般情况

基础选择器 标签选择器 优点:能快速为页面中同类型的标签统一设置样式 缺点:不能设计差异化样式，只能选择全部的当前标签 类选择器 多类名开发中使用场景 可以把一些标签元素相同的样式放到一个类里面 这些