摘要：
在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法： border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50 阅读全文
摘要：
###为什么需要定位 以下情况使用标准流或者浮动能实现吗？ 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子. 当我们滚动窗口的时候，盒子是固定屏幕某个位置的。 以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。 所以： 浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列 阅读全文
摘要：
###标准流（普通流/文档流） 所谓的标准流: 就是标签按照规定好默认方式排列. 块级元素会独占一行，从上向下顺序排列。 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。 常用元素：span、a、 阅读全文
摘要：
###网页布局的本质 网页布局过程： 先准备好相关的网页元素，网页元素基本都是盒子 Box 。 利用 CSS 设置好盒子样式，然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质： 就是利用 CSS 摆盒子。 ###盒子模型： 就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一 阅读全文
摘要：
CSS 有三个非常重要的三个特性：层叠性、继承性、优先级。 ###层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突 的问题 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 代码从上到下执行， 阅读全文
摘要：
通过 CSS 背景属性，可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 ###背景颜色 background-color 属性定义了元素的背景颜色。 background-color:颜色值; 一般情况下元素背景颜色默认值是 transpa 阅读全文
摘要：
元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。 HTML 元素一般分为块元素和行内元素两种类型 ###块元素 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <div> 标签是最典型的块元素。 块 阅读全文
摘要：
###CSS Text（文本）属性可定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。 ###文本颜色 (MDN) color 属性用于定义文本的颜色。 div { color: red; } 开发中最常用的是十六进制. 文本对齐 (MDN) text-align 属性用于设置 阅读全文
摘要：
按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类： 行内样式表（行内式） 内部样式表（嵌入式） 外部样式表（链接式） ###行内样式表 行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式. <div style="colo 阅读全文
摘要：
###什么是复合选择器 在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。 ① 复合选择器可以更准确、更高效的选择目标元素（标签） ② 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 ③ 常用的复合选择 阅读全文