学习如逆水行舟，不进则退

总结： 重点理解： 网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。 如果按照标签默认方式排列，如块级元素占一行，行内元素不单独占一行，就是最基本的布局方式，也就是标准流。 虽然标准流也能解决很多简单布局，但是如果我们想要让块级元素在一行显示，可以让它们转换成行内块元素，但是这样它们之间就会出现缝隙，可以考虑为它们添加浮动效果。 添加浮动效果后，元素就像气球浮到空中一样，多个气球会按照自身大小在一行内显示并且顶端对齐排列（气球身子可能不一样，但是头都得整整齐齐地放好）。 如果都是

网页布局的本质 网页布局过程： 先准备好相关的网页元素，网页元素基本都是盒子 Box 。 利用 CSS 设置好盒子样式，然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质： 就是利用 CSS 摆盒子。 先用盒子布局，再像盒子中加入内容，盒子也就是布局元素 盒子模型（Box Model）组成 所谓 盒子模型：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。 CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和 实际内容。

b站的黑马程序员pink老师 由我收集整理总结 总结： 层叠性(相同的选择器)：（一个世界允许不同的人存在，不允许同样的人存在） 相同的选择器给设置了相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题， 继承性：子标签会继承父标签的与文字相关的样式（text-、font-、line-、以及color） 用法：恰当地使用继承可以简化代码，降低css样式的复杂性：比如可以给body设置属性 优先级：给同一个元素指定了多个选择器，就会有优先级产生。 如果选择器相同，则执行层叠

内容来自b站的黑马程序员pink老师 由我收集整理 总结 CSS 的背景 通过 CSS 背景属性，可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 背景颜色 background-color 属性定义了元素的背景颜色。 background-color:颜色值; 一般情况下元素背景颜色默认值是 transparent（透明），我们也可以手动指定背景颜色为透明色 background-color:transparent; 背景图片 backgro

元素显示模式 作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。 元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。 HTML 元素一般分为块元素和行内元素两种类型。 块元素 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <div> 标签是最典

复合选择器 后代选择器 (重要）（用于选定任意内层） 子选择器 (重要）（用于选定特定层） 并集选择器 (重要）（用于选定多个标签，简便操作） 链接伪类选择器（添加链接的特殊效果） :focus 伪类选择器（添加表单的特殊效果） CSS符合选择器名称 语法 后代选择器 (重要）（用于选定任意内层） 元素1 元素2 { 样式声明 } 子选择器 (重要） 元素1 > 元素2 { 样式声明 } 并集选择器 (重要） 元素1,元素2 { 样式声明 } 链接伪类选择器（添加链接的特殊

CSS 引入方式 按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类： 行内样式表（行内式） 内部样式表（嵌入式） 外部样式表（链接式） 内部样式表（较少使用） 内部样式表（内嵌样式表）是写到html页面内部. 是将所有的 CSS 代码抽取出来，单独放到一个 <style> 标签中。 <style> div { color: red; font-size: 12px; } </style>  <style> 标签理论上可

CSS 字体属性 CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。 字体系列 CSS 使用 font-family 属性定义文本的字体系列 p { font-family:"微软雅黑";} div {font-family: Arial,"Microsoft Yahei", "微软雅黑";}  各种字体之间必须使用英文状态下的逗号隔开  一般情况下,如果有空格隔开的多个单词组成的字体,加引号.  尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示 

CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、 边距等）以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单。 HTML 的局限性 CSS-网页的美容师 CSS 语法规范