CSS3基础教程(一) - 博客详情

1.什么是CSS

CSS:英文全称Cascading Style Sheets,CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。

CSS3即CSS的第三个版本，CSS经历了以下发展历程：

1994年哈肯.维姆莱提出了css的最初建议。伯特波斯当时正在设计一个叫做“Argo”的浏览器，他们决定一起合作设计CSS。
1997年初。W3C内组织了专门管CSS的工作组，其负责人是克里斯李雷。
1988年5月W3C发表了CSS2，CSS2.1修改了CSS2中的一些错误，删除了其中不被支持的内容和增加了一些已有的浏览器的扩展内容。
从2011年开始CSS被分为多个模块单独升级。统称为CSS3。

2.CSS与HTML的关系

简单来说：HTML是负责页面的结构，而CSS负责网面的样式和布局。这个道理就好比，你去买房子。这个房子是两室一厅还是四室两厅这属于房子的结构，就类似HTML。而每个房间需要装修，房间里的装饰、家具的摆设布局就类似于CSS。

3.CSS3与CSS2的区别

对CSS3已完全向后兼容，所以你就不必改变现有的设计。浏览器将永远支持CSS2。

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

4.第一个css3小例子

让我们来尝试第一个CSS3的小例子。

CSS的基本语法：

CSS声明总是以分号(;)结束，声明总以大括号({})括起来，每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>第一个css小例子</title>
    <style>
        div
        {
            margin: 0px auto;
            width:200px;
            height:75px;
            background-color:#CCC;
            border:1px solid black;
        }

    </style>
</head>
<body>

<div>你好CSS3</div>

</body>
</html>

运行效果：

5.css编写的规范性

选择器名称 { 属性名：属性值；属性名：属性值；…….}
属性与属性之间用分号隔开
属性与属性值之间用冒号隔开
如果一个属性有多个值的话，那么多个值用空格隔开。