在开始前，不二如是先把w3c，CSS的部分的参考文档，戳原文给大家准备了
『传送门』
我们从新手的角度，起航！
了解玩弄CSS3的基础知识！
我们在中，初步使用了CSS，上手很简单。
这次细致的看一下，效果max
先来一段，最基本最纯粹的CSS代码：
body{
background:#E77E22
}
这段代码，记住了！
大名叫：一段规则（Role）
小名叫：一条样式
一个CSS文件，就是由N多个这种代码片段组合而成！
在规则中，“body”被称为选择器（selector）。
代表了，规则的应用对象。
也就是在整个页面结构（DOM结构）中，选择哪些元素来制定该规则。
"{}"内部，被称为声明（Declaration）。
一段CSS规则中会有很多条声明，不同声明间要用“;”隔开。
往往很多CSS报错的问题:
都是因为没加“;”都是因为没加“;”都是因为没加“;”重要的事情，说三遍哈～
下面这段代码，效果是一样的，推荐上面的格式：
body{
background:#66FFFF;
color:#;
}
body{
background:#66FFFF;color:#;
}
在CSS中，每一条声明（{}内）都由属性和属性值两部分组成。
background，代表属性；#66FFFF，代表属性值。
当值有多个维度参数时，用空格隔开。
例如article元素的border属性，有宽度、实虚心、边框，三个参数，CSS代码就可以这么写：
article{
border:3pxsolid#FFF;
}
当有的样式需要输入，单位
那么，属性值后就要加上相应的单位符号
例如定义某个矩形框粗细为3px，代码如下：
.block{
border-width:3px;
}
如果喜欢本系列HTML帖子
欢迎到鱼C论坛订阅专辑?
HTML5-庖丁解牛
戳原文，更有料！预览时标签不可点收录于合集#个上一篇下一篇