css3和html5的基础

流式布局

应对窗口大小做等比例缩放布局

//简单来说利用百分数来进行布局

css3的box-sizing与calc()

通常设置边框会被设置在元素的外围

box-sizing属性值设为border-box时边框就加在元素内部

css3中在进行响应式布局时需要对不不同的屏幕大小设置不同的div排序方式。

这时候后我们就会遇到一个问题，怎么让我们的设备知道在什么情况下应该加载那一部分的css样式

这时我们又可以用到下面一个方法，就是用@media{max_width:1000px;}来规定在什么在什么情况下开始执行这一段css。当然为了减少css的代码量。我们可以将一些不会变化样式放在media的括号外，这样他就会在屏幕任何大小时都执行这段css.

接下去要讲的是我最近在写样式时发现的一些疑难和解决方法

margin 和 float同时使用会使float失效

当我们使用padding时会使整个div大小变大

设置background 的 gradient属性能产生颜色渐变的效果

要设置不换行   使用white_space:nowrap；

css的动画效果并不是所有的浏览器都支持

做网站的时必须考虑到网站的适配性。不能过于追求炫酷的效果，而使自己的网站具有局限性。

设置opacity属性时必须知道  ie对这个属性不能良好的支持。

还有就是讲一些html5的标签的问题

换行符的标准写法<br /> 

<p><li> 不用加关闭标签，当然加了也是没错的

<smal>是副标题的意思

弃用了

在HTML 4中使用的属性	使用该属性的元素	在HTML 5中的替代方案
rev	link、a	rel
charset	link、a	在被链接的资源的中使用HTTP Content-type头元素
shape、coords	a	使用area元素代替a元素
longdesc	img、iframe	使用a元素链接到校长描述
target	link	多余属性，被省略
nohref	area	多余属性，被省略
profile	head	多余属性，被省略
version	html	多余属性，被省略
name	img	id
scheme	meta	只为某个表单域使用scheme
archive、chlassid、codebose、codetype、declare、standby	object	使用data与typc属性类调用插件。需要使用这些属性来设置参数时，使用param属性
valuetype、type	param	使用name与value属性，不声明之的MIME类型
axis、abbr	td、th	使用以明确简洁的文字开头、后跟详述文字的形式。可以对更详细内容使用title属性，来使单元格的内容变得简短
scope	td	在被链接的资源的中使用HTTP Content-type头元素
align	caption、input、legend、div、h1、h2、h3、h4、h5、h6、p	使用CSS样式表替代
alink、link、text、vlink、background、bgcolor	body	使用CSS样式表替代
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width	table	使用CSS样式表替代
align、char、charoff、height、nowrap、valign	tbody、thead、tfoot	使用CSS样式表替代
align、bgcolor、char、charoff、height、nowrap、valign、width	td、th	使用CSS样式表替代
align、bgcolor、char、charoff、valign	tr	使用CSS样式表替代
align、char、charoff、valign、width	col、colgroup	使用CSS样式表替代
align、border、hspace、vspace	object	使用CSS样式表替代
clear	br	使用CSS样式表替代
compace、type	ol、ul、li	使用CSS样式表替代
compace	dl	使用CSS样式表替代
compace	menu	使用CSS样式表替代
width	pre	使用CSS样式表替代
align、hspace、vspace	img	使用CSS样式表替代
align、noshade、size、width	hr	使用CSS样式表替代
align、frameborder、scrolling、marginheight、marginwidth	iframe	使用CSS样式表替代
autosubmit	menu