文章目录CSS定位一.清除浮动1.为什么要清除浮动2.清除浮动本质3.清除浮动的方法二.定位(position)1.为什么要用定位？2.元素的定位属性1、边偏移2、定位模式(定位的分类)1丶静态定位(static)2丶相对定位relative(自恋型)3丶绝对定位absolute (拼爹型)3.绝对定位的盒子水平/垂直居中4.固定定位fixed(认死理型)5.叠放次序（z-index）6.四种定位总结7.定位模式转换CSS定位一.清除浮动人生就像乘坐北京地铁一号线：途经国贸，羡慕繁华；途经天安门，

文章目录CSS浮动一.盒子模型1.外边距（margin）2.外边距实现盒子居中3.文字盒子居中图片和背景区别4.清除元素的默认内外边距5.外边距合并相邻块元素垂直外边距的合并嵌套块元素垂直外边距的合并6.content宽度和高度7.盒子模型布局稳定性8.盒子阴影二.浮动(float)1.普通流(normal flow)2.浮动(float)3.什么是浮动？4.浮动详细内幕特性三.版心和布局流程1.布局流程2.一列固定宽度且居中3.两列左窄右宽型4.通栏平均分布型CSS浮动一.盒子模型1.外边距（mar

文章目录CSS盒子模型一、知识点1.行高的测量2.CSS三大特性CSS层叠性CSS继承性CSS优先级CSS特殊性(Specificity)3.CSS 背景(background)背景图片(image)背景平铺（repeat）背景位置(position)背景附着背景连写背景透明(CSS3)4.盒子模型（CSS重点）看透网页布局的本质盒子模型（Box Model）盒子边框（border）表格的细线边框：圆角边框(CSS3)：内边距（padding）CSS盒子模型一、知识点1.行高的测量行高我们利用最多

文章目录CSS选择器一.基础选择器二.复合选择器1.交集选择器2.并集选择器3.后代选择器4.子元素选择器三.伪类选择器1.链接伪类选择器四.标签显示模式1.块级元素(block-level)2.行内元素(inline-level)3.块级元素和行内元素区别CSS选择器一.基础选择器基础选择符就是昨天的ID,标签,类选择符哪些二.复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。1.交集选择器交集选择器由两个选择器构成，其中第

文章目录一丶表格、表单和CSS初识1. 表格标签(重点)创建表格表格属性表头标签表格结构(了解)表格标题合并单元格(难点)2. 表单标签(重点)input控件label标签textarea控件下拉菜单表单域3. CSS初识CSS的发展历程CSS 网页的美容师CSS初识4. 样式表内部样式表行内式（内联样式）外部样式表（外链式）三种样式表总结（位置）CSS样式规则5. CSS字体样式属性font-size:字号大小font-family:字体CSS Unicode字体font-weight:字体粗细font-

文章目录Html1. HTML初识2. 文档类型3. 字符集4. 常用标签5. 文本语义化标签(重点)6. 图片标签(重点)7. 链接标签8. 特殊字符(了解)10. 列表标签Html1. HTML初识一般先学习HTML+CSS，这里我们先定一个小目标，先学HTML,后学习CSS。HTML（英文HYPER TEXT MARKUP LANGUAGE的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另