css（一）

css是指层叠样式表（Cascading Style Sheets）。使用css同时控制整个站点的样式与布局，结合xhtml帮助我们实现表现与结构分离的开发模式。

css语法有三部分组成:选择器：{属性：值}（selector:{property:value}）
css注释：以 "/" 开始, 以 "/" 结束。
css id和class选择器：
id选择器可以为标有特定id的html元素指定特定的样式，HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义；
class选择器用于描述一组元素的样式，class可以在多个元素中使用，class选择器在html中以class属性表示，在css中，类选择器以一个"."表示。
注意:id选择器属性不要以数字开头，在html文档中也只能出现一次。
三种方法插入css样式：
外部样式表：

<head> <linkrel="stylesheet" type="text/css" href="mystyle.css"> </head>

内部样式表：

<style>
hr{color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>

嵌入式样式表:

<p style="color:sienna;margin-left:20px">这是一个段落。</p>

eg: background-position:right top;(右上，或者可以选择百分数值、长度值)

css文本(Text)与字体(font)：
color:设置文本颜色；
direction：设置文本方向；(ltr:从左到右；rtl:从右到左inherit:规定应该从父元素继承 direction 属性的值。)
letter-spacing:设置字符间；
line-height:设置行高；
text-align:对齐元素中的文本；(当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐);
text-decoration:向文本添加修饰；
text-indent:缩进元素的首行；
text-shadow: h-shadow(必需，水平阴影的位置) v-shadow(必需，垂直阴影的位置) blur(可选，模糊的距离) color(阴影的颜色):设置文本阴影；
text-transform:控制元素中的字母；
vertical-align:设置元素的垂直对齐；
white-space:设置元素中空白的处理方式；
word-spacing:设置字间距；
font-family:指定文本的字体；
font-size:指定文本字体的大小；
font-style：指定文本字体的样式；
font-variant:以小型大写字体或者正常的字体显示；
font-weight:文本字体的加粗；
css链接：
a:link{颜色，字体，背景}:正常，未访问过的链接；
a:visited{}:用户已访问过的链接；
a:hover{}:当用户鼠标放在链接上；
a:active{}:链接被点击的那一刻；
css列表样式(ul)：
list-style-image:url("")将图像设置为列表项标志；
list-style-position:设置列表中列表项标志的位置；
list-style-type:设置列表项标志的类型:

none：不使用项目符号
disc：实心圆
circle：空心圆
square：实心方块
demical：阿拉伯数字
lower-alpha：小写英文字母
upper-alpha：大写英文字母
lower-roman：小写罗马数字
upper-roman：大写罗马数字

css表格(table):
border:1px solid black;(此为双边框)，若要显示单个边框，使用border-collapse:collapse,设置表格的边框是否被折叠成一个单一的边框。
height weight:表格高度和宽度；
text-align:表格文本对齐方式；
vertical-align:设置垂直对齐；
padding:在表的内容中控制空格之间的边框；
css边框(border)
1.border-style:dotted定义点线框，dashed定义虚线框，solid定义实线边框，double定义两个边框，groove定义3D沟漕边界，ridge定义3D脊梁边，inset定义3D的嵌入边框，outset定义3D突出边框。
2.border-width:边框指定宽度；
3.border-color:边框指定颜色；
css定位(position)和浮动(float):
absolute:绝对定位；
fixed：固定定位；
relative:相对定位；
static:默认；
inherit：根据父元素；
float是指一个盒子(元素)是否可以浮动：left/right/none/inherit
clear是指不允许周围有浮动元素。
css组合选择符：说明了两种选择器的关系。
1.后代选择器(以空格分隔)
2.子元素选择器(以大于号分隔)
3.相邻兄弟选择器(以加号分隔)
4.普通兄弟选择器(以波浪号分隔)