1.什么是HTML5
超文本标记语言的第五次修改,增加了许多新的标签
2.新增的标签有哪些
(1)fotter
(2)header
(3)section
3.会话使用的
canvas元素
4.媒介播放的
video audio元素
5.表单控件
(1)calender
(2)date
(3)time
(4)email
(5)url
(6)search
6.本地离线存储
loclStorage长期存储数据,浏览器关闭后不会丢失数据,能维持在多个回话范围内
7.sessionStorage
数据在浏览器关闭后就会自动删除,客户端数据存储,只能维持在当前会话范围内
8.媒体查询
可以根据不同屏幕尺寸,动态的修改页面布局以及样式,是响应式网站不可缺少的一部分,only可以省略多个条件用and相连
@media only screen and (min-width:500px) and (max-width:700px){......}
link:
<link rel ="stylesheet" herf="" media="screen and (min-width:500px) and (max-width:700px)">
响应式网站:由两种办法完成响应式网站,流式布局和媒体查询,通常情况下相辅成共同完成相应式网站
9.前缀相关
为了让CSS3样式兼容,需要将某些样式加上浏览器前缀
-ms- 兼容IE浏览器
-moz- 兼容Firefox
-o- 兼容Opera
-webkit- 兼容Chrome和Safari
10.排版布局
响应式:适配多个终端(pc,pad,手机)
移动端布局:适配高清屏和普通屏(1px/多倍图)
11.样式美化
1.字体样式
1.1定义字体类型font-family:name
1.2定义字体大小 font-size
1.3定义字体颜色 color
1.4定义字体粗细 font-weight
1.5定义斜体 font-style:normal|italic|oblique
1.6定义下划线 text-decoration
2.文本样式
2.1定义文本对齐 text-align:left|right|center|justify
2.2定义垂直对齐 vertical-align:auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length
2.3定义字距和词距 字距:letter-spacing 词距:word-spacing
2.4定义行高 line-height:normal|length
2.5定义缩进 text-index:length
3.CSS3新增文本样式
3.1 定义文本阴影text-shadow
3.2文本换行 word-break
3.3添加动态内容 content
