浮动介绍及基本语法float: left right none inherit 文档流是文档中可显示对象在排列时所占用的位置 浮动的定义使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来 浮动清除clear:

inline-blockinline-block特点 块元素能在一行上显示 内联元素支持宽高 没有宽度时由内容撑开宽度 标签之间的换行被解析（问题） ie6 /7 不支持块属性标签的inline-block 块和内嵌的转换dis

块元素和内联元素块元素特征 默认独占一行 没有宽度时，默认撑满一行 支持所有css命令 内联元素特征 同排可以继续跟相同类型的标签 内容撑开高度 不支持宽高 不支持上下的margin 代码换行被解析–空格 块和内联的转换display

选择器id选择器唯一 <div id="box"></div> #box { } 类选择器<div class="box"></div&g

标签样式初始化css reset 原则： 但凡是浏览器默认的样式，都不要使用。 因为每个浏览器下标签的默认样式可能会出现不一致的情况。 人为的将所有样式全部统一（清除），再根据实际情况（设计稿）统一设置。 哪些样式是需要重置的 ​ 与盒模型

HTML常用标签span标签span 区分样式 header 页眉主要用于页面的头部信息，也可用于板块头部 nav 导航包含链接的一个列表 footer 页脚页面的底部或者版本底部 section 页面上的版块用于划分页面上不同的区域，或者

a标签超链接<a href="http://www.baidu.com">这是百度的超链接</a> 链接 下载 锚点 伪类是什么给元素添加特殊的效果 ：link 未访问过的效果，默认的

盒模型内边距padding 内填充 padding-top padding-right padding-bottom padding-left 设置padding后会撑大容器的大小 padding复合写法： 只有一个属性值时：4个方向

文本文字颜色color 文本对齐方式text-align left 默认值 right center 首行缩进text-indent:2em; em 是根据字体大小来进行计算的 1em=当前字体大小 文本修饰text-dec

文字着重、文字倾斜、文字大小、字体、行高

背景背景和内容的区别内容是会撑开容器宽高 背景不会占用容器宽高 背景颜色background-color 背景颜色 英文关键字 RGB 十六进制 背景图、背景图是否重复background-image 背景图片 ​ url(..

边框边框的语法规则、边框的单一方向条件设置语法： 边框的语法规则 ​ 1.边框的粗细 ​ 2.边框的样式 ​ 3.边框的颜色 ​ 边框的方向 ​ top right bottom left border b