学习H5和CSS3需要会哪些知识点呢

发布时间:2020-06-11 20:12:34 作者:元一
来源:亿速云 阅读:203

CSS3

CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新,因此通过采用模块方法,CSS3规范里的元素能以不同速度向前发展,因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性,这也让跨浏览器开发变得复杂。

HTML5 

HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。HTML5 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。

学习H5和CSS3需要会哪些知识点呢
  一、vscode编辑器基本使用
  vscode 基本使用
  vscode插件安装


  二、 HTML5新增标签
  什么是HTML5
  HTML5新增标签
  多媒体音频标签
  多媒体视频标签
  HTML5新增input标签
  HTML5新增表单属性


  三、CSS3新增选择器及案例
  CSS3属性选择器(上)
  CSS3结构伪类选择器(上)
  nth-child(n)
  nth-child和nth-of-type的区别
  CSS3伪元素选择器
  伪元素选择器案例


  四、2D转换及相关案例实现
  2D转换之translate
  让一个盒子水平垂直居中
  2D转换之rotate
  CSS3 三角
  设置转换中心点
  旋转中心点案例
  2D转换之scale
  图片放大案例
  分页按钮案例
  2D转换综合写法以及顺序问题
  CSS3动画基本使用
  动画序列
  CSS3动画常见属性
  CSS3动画简写
  大数据热点图案例
  速度曲线之steps步长
  16-奔跑的熊大案例


  五、3D转换和旋转木马案例
  认识3D转换
  3D转换translate3d
  透视perspective
  translateZ
  3D旋转rotateX
  3D旋转rotateY
  3D旋转rotateZ
  3D呈现transform-style
  两面翻转盒子案例
  3D导航栏
  综合案例-旋转木马案例
  浏览器私有前缀以及总结


  精通HTML5+CSS3需要掌握HTML5+CSS3新特性,例如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及特效特性、性能和继承特性、CSS3特性,可以使用HTML5+CSS3实现炫酷动画效果,熟悉VSCode编辑器基本使用。

推荐阅读:
  1. shell知识点都有什么呢
  2. 要如何高效学习H5前端开发呢?

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 web前端 css3

上一篇:spring 集成 druid

下一篇:收藏~软件测试相关工具汇总

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》