CSS3 简介

CSS3 简介


CSS 用于控制网页的样式和布局。

CSS3 是最新的 CSS 标准。


CSS3 模块

CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。

一些最重要CSS3模块如下:

  • 选择器

  • 盒模型

  • 背景和边框

  • 文字特效

  • 2D/3D转换

  • 动画

  • 多列布局

  • 用户界面


提示:W3C的CSS3规范仍在开发。但是,许多新的CSS3属性已在现代浏览器使用。

我们先看个css3的实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
    <style>
        div
        {
            width:100px;
            height:75px;
            background-color:red;
            border:1px solid black;
        }
        div#div2
        {
            transform:rotate(30deg);
            -ms-transform:rotate(30deg); /* IE 9 */
            -webkit-transform:rotate(30deg); /* Safari and Chrome */
        }
    </style>
</head>
<body>
<div>你好。这是一个 DIV 元素。</div>
<div id="div2">你好。这是一个 DIV 元素。</div>
</body>
</html>

运行程序尝试一下


从下节我们就开始学习css3的新特性



继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> div { width:100px; height:75px; background-color:red; border:1px solid black; } div#div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ } </style> </head> <body> <div>你好。这是一个 DIV 元素。</div> <div id="div2">你好。这是一个 DIV 元素。</div> </body> </html>
提交重置代码
高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

我喜欢晴天

开始学习CSS3,效果很炫啊

7年前    添加回复 1

phpcn_u132916

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> div { width:100px; height:75px; backgro

5年前    添加回复 0

面对疾风吧

是不是加了很多新效果

7年前    添加回复 0

小水滴

css3?跟CSS不一样吗

7年前    添加回复 0

小天

这个不错诶,样式做的就会很好看了

7年前    添加回复 0

末日的春天

清新脱俗的好课程

7年前    添加回复 0

学习这个是不是要先学下css?

[最新 数据分析师 的回答] 学习这个是不是要先学下css?-PHP中文网问答-学习这个是不是要先学下css?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~