浮动：

浮动没有包含在定位position之中；它作为一种定位方式自成一体。

元素浮动生成块级框（类似于inline-block）；祖先元素中的其他的内容会环绕该元素；其外边距不会与其他元素合并。

盒模型简介

CSS最基本的功能就是对元素进行定位；而谈定位必谈盒模型，它是定位的基石。

在CSS中；width和height分别指的是元素内容区域的宽和高；对块状元素来说，没有设定高宽，元素按水平/垂直格式化排布；一旦设定width和height；则改变内边距padding，边框border，外边距margin不会影响内容区域的尺寸，而会改变元素的总尺寸。

使用class属性的弊端：

1.class属性本身没有语义，纯粹是用来为CSS样式服务的，属于多余属性；
2.使用class属性，并未将样式与元素绑定，不同元素用同一个class属性会导致混乱和修改不便。

CSS3中提倡使用选择器绑定元素与样式，

tip1:无特别说明，所有CSS3属性都要加前缀

CSS3边框：

border-color受制于浏览器兼容，在项目中很少使用该属性；

border-image浏览器的支持度强一点，但也用的比较少；

border-radius支持较好
用途：可以制作圆角按钮；渐变的tabs效果；（IE低版本不支持）

客户端存储：

通过浏览器提供的API将数据存储到用户的电脑上；

客户端存储遵循同源策略；不同站点无法相互读取对方存储的数据；同一站点不同页面之间共享存储数据。

形式：web存储；cookie；离线web应用……（都不安全）

H5

H5是此标记语言的最新版本；它包括新功能对现有功能的改进以及基于脚本的API。这也就是说它兼容H4以及XHTML1.0的所有有效元素。在设计时就确保在每个平台上能够正常工作；兼容所有旧版浏览器并恰当的处理错误。

H5的核心部分是新语义元素以及相关的技术和API；它们的目的是使得网页更容易编写，利用与访问。具体来说，新语义元素适用于设计动态网页，使制作的网页更具模块性和可移植性；与此同时，降低了开发难度，比如说富媒体元素的运用。

url（uniform location）：

对resource进行定位；可以是相对路径或绝对路径。

rel（relation）：

rel 属性规定当前文档与被链接文档之间的关系，仅值stylesheet被全部支持；用于link标签。

继承：

从一个元素向其后代元素传递属性值所采用的机制

例外：在body中的背景样式可以向上传递到html元素，相应的可以定义画布。

一般大多数模型属性（内外边距，边框，背景）都不能继承，这才有现实意义。

W3C标准包括定义

w3c(World Wide Web Consortium)标准：是一些列web标准的集合，在百度上面搜索也只是告诉你w3c标准主要对应几个方面：
1.结构化标准语言(xml,xhtml)
2.表现标准语言(css)
3.行为标准(dom,ecmascript)
4.其他标准，包括字体，安全，语义化很多方面的内容。

为什么要弄清楚浏览器内核

在使用CSS3的过程中，我们经常会遇到要给某个属性加浏览器前缀的问题；原因就是各个浏览器的不同版本对每个CSS3的属性的支持程度是不一样的，因此我们在写CSS3样式时要加上表示不同浏览器内核的前缀；这样浏览器就能更好地支持我们编写的样式了。

–（PS：其实使用预编译语言less的好处之一就是不用我们自己写这些繁琐的前缀哟！）

最重要的是；浏览器内核决定了浏览器如何对网页进行渲染；不同的内核产生的渲染效果可能就不同。