使用HTML标记属性对网页进行修饰的方式存在很大的局限和不足,如网站维护困难、不利于代码阅读等。如果希望网页美观、大方,并且升级轻松维护方便,就需要使用CSS实现结构与表现的分离。而本文我们就来学习CSS众多版本中的佼佼者—CSS3。
CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块,虽然W3C的CSS3规范仍在完善中,但现在大多数主流浏览器都已支持CSS3的新特性。
CSS3规范的一个新特点是被分为若干个相互独立的模块。一方面分成若干较小的模块较利于规范及时更新和发布,及时调整模块的内容,这些模块独立实现和发布,也为日后CSS的扩展奠定了基础。另外一方面,由于受支持设备和浏览器厂商的限制,设备或者厂商可以有选择的支持一部分模块,支持CSS3的一个子集,这样有利于CSS3的推广 。
本站推出了CSS3视频教程,本课程通过不同示例介绍CSS3的一些列模块和新特性,助力大家快速掌握CSS3的一系列模块和新特性。下面我们先来看看本课程的目录:
1-1 CSS3-属性选择器 (03:37)
1-2 CSS3-结构性伪类选择器 (14:45)
1-3 CSS3-UI元素状态伪类选择器 (05:11)
1-4 CSS3-相邻兄弟元素选择器 (01:41)
1-5 CSS3-圆角边框 (08:30)
1-6 CSS3-多彩边框 (06:39)
1-7 CSS3-图片边框 (04:37)
1-8 CSS3-文本阴影 (03:43)
1-9 CSS3-盒阴影 (03:47)
1-10 CSS3-背景 (10:07)
1-11 CSS3-渐变 (07:49)
1-12 CSS3-蒙版 (03:10)
2-1 CSS3-2D转换-概述 (01:27)
2-2 CSS3-2D转换-translate方法 (04:39)
2-3 CSS3-2D转换-rotate方法 (03:15)
2-4 CSS3-2D转换-scale方法 (03:13)
2-5 CSS3-2D转换-skew方法 (03:55)
2-6 CSS3-2D转换-matrix方法 (05:27)
2-7 CSS3-2D转换-CSS3过渡 (07:36)
2-8 CSS3-2D转换-综合案例一 (28:01)
2-9 CSS3-2D转换-综合案例二 (27:48)
2-10 CSS3-2D转换-综合案例三 (08:56)
2-11 CSS3-2D转换-综合案例四 (25:27)
2-12 CSS3-3D转换-概述 (03:31)
2-13 CSS3-3D转换-translate方法 (09:14)
2-14 CSS3-3D转换-rotate方法 (12:10)
2-15 CSS3-3D转换-scale方法 (04:21)
2-16 CSS3-3D转换-正方体旋转 (16:37)
3-1 CSS3-CSS3动画 (15:16)
3-2 CSS3-跑步动画 (20:15)
3-3 CSS3-CSS3分栏布局 (11:29)
3-4 CSS3-弹性布局 (24:00)
3-5 CSS3-弹性布局案例 (12:07)
3-6 CSS3-移动端页面实现弹性布局 (19:15)
3-7 CSS3-响应式布局 (21:10)
CSS3编程工具同CSS,任何一种文本编辑工具都可用来编写,如:Windows下的写字本、记事本;或其他专门用于编辑网页文本的工具 ,如:IntelliJ IDEA、Eclipse、MyEclipse、webstorm、sublime text;此外还有专门针对前端开发的插件,如:Emmet。本课程从基础到进阶,中间有许多精彩的案例讲解,能够帮助我们快速理清知识,梳理好CSS3的各个知识要点。
CSS3的语法是建立在CSS原先版本基础上的,它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。CSS选择器中的大部分并不是在CSS3中新添加的,只是在之前的版本中没有得到广泛的应用。如果想尝试实现一个干净的、轻量级的标签以及结构与表现更好的分离,高级选择器是非常有用的,它们可以减少在标签中的class和ID的数量并让设计师更方便地维护样式表。
CSS3提供的动画特性,可让开发者在先实现一些动态按钮或者动态导航时远离JavaScript,让开发人员不需要花费大量的时间去写脚本或者寻找合适的脚本插件来适配一些动态网站效果。在减少开发成本与维护成本的同时还能够提高页面的性能,实在是不可多得的前端开发利器。动力节点在线的CSS3视频教程更是难得一遇的精彩教程,不要犹豫,抓紧时间行动起来,让我们一起学习本站的新课程吧。
代码小兵49806-11 15:28
代码小兵49806-11 15:51
代码小兵49806-11 16:22
代码小兵51603-29 17:28
暴风城-小飞04-06 20:49