H5(Html5)+CSS3：P275-

Last updated Unknown

• Html& css

• 增加了一些新的表单、新的标签和新的表单属性。新特性都有兼容性问题，IE9+以上版本的浏览器才支持，不考虑兼容性可以大量使用这些新特性。

• div队与搜索引擎来说，是没有语义的。HTML5新增的语义化标签有：
  • <header>
  • <nav>
  • <article>内容标签
  • <section>定义文档某个区域
  • <aside>侧边栏标签
  • <footer>

可以跟据元素特定属性来选择元素。 类选择器、属性选择器、伪类选择器，权重为10。

nth-child(n)选择某个父元素的一个或多个特定的子元素

• n可以是数字，关键字和公式
• n如果是数字，就是选择第n个子元素，里面数字从1开始
• n可以是关键字：even偶数，odd奇数
• n可以是公式：常见的公式如下（如果n是公式，则从0开始计算，但是第0个元素或者超出了元素的个数会被忽略）
  • 

伪元素选择器可以帮助我们利用CSS创建新标签元素而不需要HTML标签，从而简化HTML结构。

• CSS3语法一般是双冒号写法
• CSS2过时语法是但冒号写法 反斜杠转义

CSS3中可以通过box-sizeing来指定盒子模型。

1. box-sizing: content-box 盒子大小为width+padding+border
2. box-sizing: border-box 盒子大小为width
   1. 如果盒子模型我们该为了box-sizing: border-box，那么padding和border就不会撑大盒子了。前提padding和border不会超过width宽度

• 模糊特效 filter: blur();
  • 
• calc 函数
  • 

transition: 要过渡的属性 花费时间 运动曲线 何时开始;

• 谁做过渡给谁加
• 写多个属性，利用逗号分隔
• 多个属性都变化，属性写all即可

TDK：title、description、keyword

竖线的常用做法是一个1px的盒子。