1.浮动 1.1 传统网页布局的三种方式 网页布局的本质：用CSS来摆放盒子，把盒子摆放到相应位置。CSS提供了三种传统布局方式： 普通流（标准流） 浮动 定位 1.2 标准流（普通流/文档流） 标准流：就是标签按照规定好默认方式排列。 块级元素会独占一行，从上到下顺序排列（一行只能放置一个）。如：div, hr, h1-h6, ol, dl, f…

1. 盒子模型 页面布局要学习三大核心：盒子模型，浮动和定位。学习好盒子模型能非常好的帮助我们页面布局。 1.1 看透网页布局的本质 网页布局过程： 先准备好相关的网页元素，网页元素基本都是盒子Box。 利用CSS设置好盒子样式，然后摆放到相应位置。 往盒子里面装内容。 本质：利用CSS摆放盒子。 1.2 盒子模型的组成 CSS盒子模型本质上是一个…

CSS有三个非常重要的特性：层叠性，继承性和优先级。 1. 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖 另一个冲突的样式。层叠性主要解决样式冲突的问题。 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式。 样式不冲突就不会重叠。 例如，给div 同时设置两个相同的样式产生样式冲突： div { color…

1. CSS的元素显示模式 1.1 什么是元素显示模式 什么是元素的显示模式？元素的显示模式就是元素（标签）以什么方式进行显示，比如div 独占一行，一行可以放置多个span。HTML元素一般分为两大类块元素和行内元素，块元素会独占一行，行内元素可以一行放置多个。 1.2 块元素 常见的块元素有h1-h6，p ，div ，ul，ol，li等，其中d…

1.什么是复合选择器 在CSS中，可以根据选择器的类型把选择器分为基础选择器 和 复合选择器， 复合选择器是建立在基础选择器之上，对基础选择器进行组合形成的。基础选择器的相关知识可以参考之前的博客。 复合选择器是由两个或多个基础选择器，通过不同的方式组合形成的，主要包括：后代选择器 ，子选择器 ，并集选择器 和 伪类选择器。 2. 后代选择器 后代…