郑州网站制作公司教你学习css基本语法.doc

郑州网站制作公司教你学习css基本语法
css作为一种基本的网站布局控制样式，其基本语法如下：
elector {property: value}：选择符 {属性：值}
其中selector为选择符，property为属性，value为属性的取值，选择符可以是很多种形式，比如BODY 、P、h等。
Body标签的格式：
body {color: black}
其中，body是指页面的主题元素，color是用来控制body元素中字体的颜色，black为颜色的具体值，这个值可以是数字、英文、和rgb等三种格式。
段落标签的格式：
p {font-family: "sans serif"}
注意：如果对于一个属性，我们需要对其指定多个属性值时，可以用分号把他们分开。例如设置段落中字体颜色为红色且居中。
p {text-align: center; color: red}
当然，这知识一个单纯的控制代码，如果多的话，就会看着不好看了，这时候我们可以将其写成这样
{
text-align: center;
color: red;
}
（段落排列居中，段落中文字为红色）
组选择器格式
h1, h2, h3, h4, h5, h6 { color: green }
常用来对具有相同属性和值选择符的定义，各个选择符之间用逗号分割，这样可以省去不少的代码空间。
类选择符
采用类选择符时，我们可以相同的元素进行分类控制管理，这时候在定义选择符的时候只需要在在自定类的名称前加个点号就可以了。例如你想让两个不同的段落一个实现做对齐，一个实现右对齐的话，我们可以这样来定义：
p.right {text-align: right}
p.center {text-align: left}
然后在不同的段落里加上你所定一的class参数就可以了：
<p class="right">段落右对齐</p>
<p class=" left ">段落左对齐</p>
同时我们也可以把p.right {text-align: right}写成.center {text-align: right }省去标记名。这时候这个类可以应用的任何元素中。
注意：类的名称可以是任意英文单词或以英文开头与数字的组合，一般以其功能和效果简要命名。
ID选择符
在HTML页面中ID参数指定了某个单一元素，其应用和类选择符类似，引用时只要把CLASS换成ID就可以了。如：
<p id="intro">
段落右对齐
</p>
定义时在选择符加上“#”号
# intro {text-align: right}