第一章：CSS简介和基本语法

1.CSS简介

• CSS是用于布局与美化网页的；
• CSS是Cascading Style Sheets的英文缩写，即层叠样式表；
• CSS语言是一种标记语言，因此不需要编译，可以直接由浏览器执行（属于浏览器解释型语言）；
• CSS文件是一个文本文件，它包含了一些CSS标记，CSS文件必须使用.css为文件名后缀；
• CSS是大小写不敏感的，CSS与css是一样的；
• CSS是由W3C的CSS工作组产生和维护的。

2.CSS基本语法

基本语法：
CSS定义分别由：选择器、属性、属性取值组成；

格式：

selector{
             property:value;
        }

选择器：用于找到哪个或那些HTML标签

属性和值：如字体颜色、字体大小、边框、背景等，属性名和值使用冒号分开，多个属性之间使用分号分开；

如下：

p{
    text-align:center;
    color:red;
    font-family:宋体;
}

3.CSS注释

CSS注释格式如下：

/* CSS注释 */

4.长度单位

在CSS样式表中可以使用如下长度单位：

相对长度单位：

• px像素(Pixel)，如：div {font-size:12px}；
• em，相对于当前对象内文本的字体尺寸，如：div {font-size:1.2em}；
• %百分比，如 div {font-size:80%}。

绝对长度单位：

• pt点（Point）；
• cm厘米（Centimeter）；
• mm毫米（Millimeter）。

5.颜色单位和URL值

CSS中的颜色值：

• #rrggbb（如：#ffcc00）；
• #rgb（如：#fc0）；
• rgb(x,x,x)，其中x是一个0-225的整数值，如rgb(225,204,0)；
• rgb(x%,x%,x%)，其中x是一个0-100的整数值，如rgb(100%,80%,0)。

CSS指定URL地址方式：

• body{background-image:url(bg.jpg)}

• body{background-image:url('bg.jpg')}

• body{background-image:url("bg.jpg")}

• body{background-image:url(http://www.hao123.com/im/bg.jpg)}