CSS整理
1. 样式表的简介：样式表由样式规则组成，这些规则告诉浏览器如何显示文档。
根据样式表所在位置，可分为行内样式、内嵌样式表、外部样式表
Ø 样式表的基本语法
1． 样式规则：h2{color:limegreen;}
其中：h2：选择器 color：属性 limegreen：属性值
2． 样式表，例如：
<style>----------------样式标签
H2{color:green;font-family:System;}
</style>
Ø 样式表的常用属性：
属性
CSS名称
说明
颜色
Color
设置或检索文本的颜色
背景属性
background-color
设置或检索对象的背景颜色
background-image
设置或检索背景图象
字体属性
font-family
设置或检索文本的字体
font-size
设置或检索文本字体的大小
font-style
设置或检索文本的字体样式。如：斜体
文本属性
text-align
设置或检索文本的对齐方式，包括：左对齐等
text-indent
设置或检索文本第一行的缩进量
vertical-align
设置或检索文本的纵向位置
边框属性
border-style
设置或检索边框样式
border-with
设置或检索边框的宽度
border-bottom
设置或检索下边框的属性
border-color
设置或检索边框颜色
定位属性
width
设置或检索对象的宽度
height
设置或检索对象的高度
left
设置或检索对象的左定位
top
设置或检索对象的顶部定位
position
设置或检索对象的定位形式
z-index
设置或检索对象的堆叠顺序
2. 行内样式表：行内样式使用元素标签的SYTLE属性定义。例如：
<p style=”color:red;font-family:Times New Roman;font-weght:bold”>………</p>
3. 内嵌样式表：也称为嵌入样式表，内嵌样式表放置在<head>标签内。使用格式如下：
<head>
<style type=&rdquo
相关文档：
IE vs FF
CSS 兼容要点：DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一 ......
Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
本节主要讲解，两个内容，
第一：CSS
如何控制页面样式，有
几种方式；
第二：这些方式出现在同一个页面时的优先级。
使用xHTML
+CSS
布局页面，其中有个很重要的特点就是内容与表象相分离，内容指HTML页面代码，表象就是CSS代码了，如果把页面看成穿着衣服的人的话，人就是
HTML，是� ......
<html>
<head>
<mce:style type="text/css"><!--
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div. ......
