学习css3到底要学些什么

来源:互联网 发布:酷士多网络云手机 编辑:程序博客网 时间:2024/05/01 23:34

CSS3.0


CSS3.0是CSS技术的升级版本,CSS3.0语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。


CSS3简介

CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。更多CSS3内容 

CSS3新增选择器 

通配符选择器(*),元素选择器(E),类选择器(.className),id选择器(#ID),后代选择器(E F),子元素选择器(E>F),相邻兄弟元素选择器(E + F),通用兄弟选择器(E ? F),群组选择器(selector1,selector2,...,selectorN)……更多CSS3选择器内容。


CSS3盒模型

CSS3标准里引入了一些新的盒子模型参数,在CSS2的基础上,我们将能更灵活地调整页面上各个容器的大小和位置,对建立自适应布局的页面带来很大的好处。更多CSS3盒模型

  

CSS3 圆角

使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。CSS3圆角更多

 

CSS3 渐变

CSS3 定义了两种类型的渐变(gradients):线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向;径向渐变(Radial Gradients)- 由它们的中心定义;CSS3渐变更多


CSS3 字体

使用CSS3,网页设计师可以使用他/她喜欢的任何字体。当你发现您要使用的字体文件时,只需简单的将字体文件包含在网站中,它会自动下载给需要的用户。CSS3字体更多


CSS3 2D 转换

CSS3转换,我们可以移动,比例化,反过来,旋转,和拉伸元素。CSS3 2D转换

  

CSS3 3D 转换

CSS3 允许您使用 3D 转换来对元素进行格式化。CSS3 3D 转换

 

CSS3 过渡

CSS3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript。CSS3过渡  

CSS3 动画 

CSS3,我们可以创建动画,它可以取代许多网页动画图像,Flash动画,和JAVAScripts。CSS3动画 

CSS3用户界面

在 CSS3 中, 增加了一些新的用户界面特性来调整元素尺寸,框尺寸和外边框。CSS3用户界面

   

CSS3多列布局 

CSS3引入了新三种布局,grid布局,伸缩盒布局,多列布局。CSS3多列布局 

CSS3图片倾斜案例教程

用CSS3的transition属性即可完成图片的倾斜效果,非常简单,具体实现大家可以看CSS3图片倾斜案例教程演示。

CSS3书本翻页动画案例教程

由于CSS3的运用,我们并不需要使用复杂的图片来制造逼真的书本效果,书本翻页可以很简单地完成。CSS3翻页


jQuery/CSS3动画相册案例教程

由于CSS3特性的利用,当我们点击图片浏览的时候,缩略图就会以淡入淡出的动画效果消失,然后出现原始图片。CSS3相册

0 0