有关h5与css3

参考学习:https://www.cnblogs.com/liuxu-xrl/p/8656803.html
.h5提出的新规范:

1.新增HTML文档类型
2.新增语义化标签,如<header>,<footer><article><section>
3.新增表单空控件search,email,url,number,tel,calendar、date、time、等
4.新增自定义属性 data-
5.新增了用于多媒体回放的元素
6.新增了用于绘画的元素
7.新增拖拽上传图片
8.离线 & 存储,对本地离线存储的更好的支持,localStorage,Cookies等
9.新的技术webworker, websocket, Geolocation

CSS3有哪些新特性?

1.对文字加特效(text-shadow(文本阴影))
2. CSS3实现圆角(border-radius),阴影(box-shadow)
3. css3颜色渐变(gradient)
线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
径向渐变(Radial Gradients)- 由它们的中心定义
4.添加多重背景图像   border-image
5.transform: translate(0px,-30px) rotate(9deg) scale(0.85,0.90) skew(-9deg,0deg);
//定位,旋转,缩放,倾斜
6.增加了更多的CSS选择器(属性选择器,伪类选择器)
7.在CSS3中唯一引入的伪元素是 ::selection.(改变选中文本颜色)
8.媒体查询
9.多栏布局

css3新增选择器(属性选择器,伪类结构选择器):
参考学习 http://www.php.cn/css-tutorial-355320.html
https://blog.csdn.net/wuzhe128520/article/details/51172763
1.如何区分html与html5

DOCTYPE声明
新增的结构元素、功能元素

2.html5文档类型与字符集

HTML5文档类型:<!doctype html>
HTML5使用的编码<meta charset=”UTF-8”>

3.支持html5新标签(兼容性问题)

  1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式.
    2.(当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架):
    <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>

4.html5移除的元素

  1. 纯表现的元素:basefont,font , big,center,s,strike,tt,u;
  2. 对可用性产生负面影响的元素:frame,frameset,noframes;

5.css新增伪类
参考学习:https://blog.csdn.net/qq_28506819/article/details/72846680

p:first-of-type 选择的每个 p 元素是其父元素的第一个 p 元素
p:last-of-type  选择每个p元素是其母元素的最后一个p元素
p:only-of-type 选择所有仅有一个子元素为p的元素
p:only-child   选择所有仅有一个子元素的p元素
p:nth-child(2)  选择所有p元素第二个为p的子元素
:enabled 选择可用的表单元素、
:disabled 选择禁用的表单元素。
:checked 选择被选中的表单元素

6.src与href的区别

1.href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。
2.src是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

7.响应式设计

响应式设计是让所有的人能在这些设备上让网站运行正常。

8.如何实现浏览器内多个标签页通信

调用localstorge、cookies等本地存储方式

9.如何实现对网站文件和资源优化

文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用

10.为什么利用多个域名存储网络资源更有效

CDN缓存更方便
突破浏览器并发限制
节约cookie带宽
节约主域名的连接数,优化页面响应速度
防止不必要的安全问题

posted @ 2019-05-14 20:08  princeness  阅读(140)  评论(0编辑  收藏  举报