简介:本课程为CSS3教程,对于有一定CSS2经验的伙伴,能让您系统的学习CSS3,快速的理解掌握并应用于工作之中。在学习教程的过程中实例演示结合在线编程完成任务的方式来学习,相信自己动手会让你理解的更快,本教程能够让您学习效果更好!
第2章 边框
本课程主要讲解border-color 、border-image 、border-radius 及box-shadow 相关知识
第3章 颜色相关
学习CSS3中与颜色有关的属性,包括RGBA colors和Gradient,来实现在此之前只能通过其它手段如背景图片才能得到的绚丽效果。
第4章 文字与字体
本章学习CSS3中文字相关的属性,包括text-shadow、text-overflow和嵌入字体等,通过CSS来实现多变的网页字体效果。
第5章 与背景相关的样式
讲解与背景相关的新增属性。background-origin background-clip background-size multiple backgrounds
第6章 征服CSS3选择器(上)
灵活运用强大的CSS3选择器,学会选择器的使用,可以直接将样式与元素绑定起来,之前我们需要使用JavaScrip实现的功能,现在只需要用CSS3就能轻松搞定。
- 编程: 6-1 CSS3选择器 属性选择器
- 编程: 6-2 CSS3 结构性伪类选择器—root
- 编程: 6-3 CSS3 结构性伪类选择器—not
- 编程: 6-4 CSS3 结构性伪类选择器—empty
- 编程: 6-5 CSS3 结构性伪类选择器—target
- 编程: 6-6 CSS3 结构性伪类选择器—first-child
- 编程: 6-7 CSS3 结构性伪类选择器—last-child
- 编程: 6-8 CSS3 结构性伪类选择器—nth-child(n)
- 编程: 6-9 CSS3 结构性伪类选择器—nth-last-child(n)
- 编程: 6-10 CSS3 first-of-type选择器
- 编程: 6-11 CSS3 nth-of-type(n)选择器
- 编程: 6-12 CSS3 last-of-type选择器
- 编程: 6-13 CSS3 nth-last-of-type(n)选择器
- 编程: 6-14 CSS3 only-child选择器
- 编程: 6-15 CSS3 only-of-type选择器
第7章 征服CSS3选择器(下)
UI元素状态伪类选择器也是CSS3选择器模块组中的一部分,此类选择器主要运用于form表单元素上,用来提高网页的人机交互、操作逻辑以及页面的整体美观。
第8章 CSS3中的变形与动画(上)
彻底分清 Transform 、Transition、 Animations 三兄弟
- 编程: 8-1 CSS3变形--旋转 rotate()
- 编程: 8-2 CSS3中的变形--扭曲 skew()
- 编程: 8-3 CSS3中的变形--缩放 scale()
- 编程: 8-4 CSS3中的变形--位移 translate()
- 编程: 8-5 CSS3中的变形--矩阵 matrix()
- 编程: 8-6 CSS3中的变形--原点 transform-origin
- 编程: 8-7 CSS3中的动画--过渡属性 transition-property
- 编程: 8-8 CSS3中的动画--过渡所需时间 transition-duration
- 编程: 8-9 CSS3中的动画--过渡函数 transition-timing-function
- 编程: 8-10 CSS3中的动画--过渡延迟时间 transition-delay
第9章 CSS3中的变形与动画(下)
animation实现动画效果主要由两个部分组成:首先通过类似Flash动画中的关键帧来声明一个动画,然后在animation属性中调用关键帧声明的动画,从而实现一个更为复杂的动画效果。
第10章 布局样式相关
多栏布局、盒布局、盒模型
第11章 Media Queries 与Responsive 设计
传说中的响应式设计,根据浏览器的窗口大小选择使用不同的样式。
第12章 用户界面与其它重要属性
轮廓相关样式、resize属性、initial属性