zoukankan      html  css  js  c++  java
  • 有关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带宽
    节约主域名的连接数,优化页面响应速度
    防止不必要的安全问题

  • 相关阅读:
    尽可能的降低重复劳动——模板策略
    一个CSS上中下三行三列结构的Div布局
    程序员那些悲催的事儿
    给NSString增加Java风格的方法
    DIV和table页面布局的区别和联系
    cocos2d播放雪花
    时间复杂度和空间复杂度2 数据结构和算法04
    OD使用教程4 调试篇04|解密系列
    OD使用教程5 调试篇05|解密系列
    PE结构简图
  • 原文地址:https://www.cnblogs.com/princeness/p/11664919.html
Copyright © 2011-2022 走看看