摘要：
CSS的定位 1. 定位的必要性 浮动可以让多个块级盒子一行没有缝隙地排列显示，经常用于横向排列盒子 定位则是可以让盒子自由地在某个盒子内移动位置或者固定在屏幕中的某个位置，并且可以压住其它盒子 2. 定位的组成 定位=定位模式+边偏移 **定位模式：**用于指定一个元素在文档中的定位方式，通过po 阅读全文
摘要：
CSS的浮动 1. 标准流(普通流/文档流) 标准流：标签按照规定好的默认方式排列。 块级元素独占一行，从上到下顺序排列 行内元素按照顺序从左到右排列，碰到父元素边缘则自动换行 标准流是最基本的布局方式。 2. 为什么需要浮动？ 有很多的布局效果，标准流没有办法完成，此时需要利用浮动完成布局。因为浮 阅读全文
摘要：
CSS语法规范与代码风格 1. 语法规范 CSS规则又两个主要的部分构成：选择器+一条或多条声明。 选择器：用于指定CSS样式的HTML标签，花括号内的是设置的具体样式 属性与属性值以键值对的形式出现 属性与属性值之间用“:"分开 键值对之间用“;”分开 2. 代码风格 2.1 展开格式 h5 { 阅读全文
摘要：
CSS盒子模型 1. 盒子模型的组成 CSS盒子模型本质上是一个盒子，封装周围的HTML元素。 包括：边框border、外边距margin、内边距padding、实际内容content。 2. 边框border div { border: border-width border-style bord 阅读全文
摘要：
CSS三大特性 CSS有三个非常重要的特性：层叠性、继承性、优先级。 1. 层叠性 给相同的选择器设置相同的样式，此时一个样式就会==覆盖（层叠）==另一个冲突的样式。 层叠性主要解决样式冲突的问题。 层叠性原则： 样式冲突，遵循就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 2. 阅读全文
摘要：
CSS的背景 1. 背景颜色background-color div { background-color: 颜色值; } 一般情况下元素背景颜色默认是transparent（透明）。 2. 背景图片background-image div { background-image: none或url( 阅读全文
摘要：
CSS引入方式 1. 内部样式表(内嵌样式表) 将所有的CSS代码抽取出来，单独放到HTML页面的一个<style>标签中。 <style> div { color: blue; } </style> 注： <style>标签可以放到HTML文档的任何一个地方，但一般放在<head>标签中 没有实现 阅读全文
摘要：
CSS的元素显示模式与转换 1. CSS的元素显示模式 1.1 块元素 <div>标签是最典型的块元素。另外常见的块元素有h1~h6、p、ul、ol、li等。 特点： 独占一行 高度、宽度、外边距和内边距都可以控制 宽度默认是父级宽度的100% 是一个容器及盒子，里面可以放行内元素或块级元素 注：文 阅读全文
摘要：
CSS字体属性与文本属性 1. 字体属性 1.1 字体系列font-family p { font-family: "Microsoft Yahei";/*微软雅黑*/ } /*当然也可以写成中文，建议写成英文*/ p { font-family: "Microsoft Yahei","宋体"; } 阅读全文