HTML5和css3新特性

HTML5和css3新特性

css新特新：

1. 属性选择器

   属性选择器分为三种:

   1、基本选择器
   

   2、伪类选择器
   

   3、伪元素选择器
   

2. 边框背景

   边框:
   1、border-radius 圆角
   2、border-image 边框背景

   背景：
   1、background-size 背景图片大小
   2、background-color 背景颜色

3. 文本效果

   text-shadow 向文本添加阴影
   text-justify 规定当 text-align 设置为 “justify” 时所使用的对齐方法
   text-emphasis 向元素的文本应用重点标记以及重点标记的前景色
   text-outline 规定文本的轮廓
   text-overflow 规定当文本溢出包含元素时发生的事情
   text-wrap 规定文本的换行规则
   word-break 规定非中日韩文本的换行规则
   word-wrap 允许对长的不可分割的单词进行分割并换行到下一行
   text-decoration 文本修饰符：overline、line-through、underline 分别是上划线、中划线、下划线

4. 2D/3D转化

   1、旋转
   2、倾斜
   3、缩放
   4、位移

H5新特性：

1. 语义化标签：header、footer、section、nav、aside、article
2. 增强型表单：input有多个type
3. 增强型表单元素：placehoder、required、min 和 max
4. 地理定位
5. 音频视频：audio、video
6. 拖拽
7. canvas 画布
8. 本地存储：localStorage 、sessionStorage 、 session