zoukankan      html  css  js  c++  java
  • HTML5与CSS3知识点总结

    HTML5

    HTML的进一步优化与完善,去掉一些歧义的标签,增加更多语义化的标签,使得浏览器更加容易seo检索与读取,使得页面文档结构更加清晰,这些语义化标签有<header><body><footer><article><section><nav><aside>,另外还有新的表单控件type属性,如url,emai,time,date等等,新增多媒体标签<audio><video>

    对本地存储的支持优化,新增localstorage与sessionstorage,使得前端对数据的存储与读取更方便

    新增页面的绘画属性标签<canvas>,使得前端可以绘制复杂的曲线与动画,这也是在移动端的展示优化,使得网页也可以用来做游戏,更加支持游戏页面的渲染

    完全支持css3属性

    CSS3

    css3新增众多属性,与选择器,选择器的新增使得页面的渲染效果更加精准与复杂多变,使得css与html更加分离与负责各自主要的功能模块,新增伪类选择器,标签选择器,属性选择器,结构伪类选择器,伪元素选择器等等

    css3的盒模型,将盒模型分为传统的盒模型与标准的盒模型,传统的宽度包括width+padding+border,标准的只包括width,不受padding等的影响

    css3新增的calc计算属性,可以在css对属性值进行动态计算

    css3新增丰富的动画属性,比如过渡,旋转,平移,2D,3D变换等等都丰富了页面的展示效果,使得页面更加复杂与美观

    css3新增了浏览器的私有前缀,用来兼容不同浏览器的不同的展示问题,以及低版本不兼容的问题 -o-opera,-webkit-chrome,-moz-firefox,-ms-IE

  • 相关阅读:
    BZOJ 3910 火车 倍增LCA
    CF1012B Chemical table 构造_思维_并查集
    CF 949C Data Center Maintenance_强联通分量_思维题
    CF949B A Leapfrog in the Array 思维题,推理
    关于前端的思考与感悟
    打造专属自己的html5拼图小游戏
    好看的轮播切换效果
    the compatibility problem of ie
    SVG Sprite 入门(SVG图标解决方案)
    Top 15
  • 原文地址:https://www.cnblogs.com/yoona-lin/p/14824772.html
Copyright © 2011-2022 走看看