可以一个元素应用多个类，也可以多个元素调用一个类。
id选择符：语法如下：
tag1#classname1{property:value;property:value;...}
tag2#classname2{property:value;property:value;...}
tag3#classname3{property:value;property:value;...}
...
tagN#classnameN{property:value;property:value;...}
不含标签的id选择符语法如下：
#classname1{property:value;property:value;...}
#classname2{property:value;property:value;...}
#classname3{property:value;property:value;
...}
...
#classnameN{property:value;property:value;...}
在xhtml中调用id的语法：
<tag id="idname">content</tag>
css常用属性
css
字体属性:字体名称：font-family（值：Times New Roman/Georgia/Arial/宋体/隶书、楷体、黑体....
字体名称列表中指定多个字体名称时，使用逗号分隔：p{font-family:"Times new Roman",Georgia,Serif}
字体大小：font-size(值：length/%/small/medium/large/smaller/larger....
绝对大小：(mm/cm/in/pt)/相对大小（em/ex/px) 像素/16=em
字体风格：font-style:值：normal/italic/oblique
字体粗细：font-weight：值：normal/bold/bolder/lighter/100/200/300...
字体变化：font-variant:值：nomal/small-caps/inherit
字体简写属性：font：值：font-style font-variant font-weight font-size font-family(顺序，如果缺少，则默认代替）
文本属性：css文本：文本对齐：text-align：值：left/center/right/justify
文本修饰：text-decoration:值：none/underline/overline/line-through/blink
文本缩进：text-indent:值：长度(em)/%
文本颜色：color:值：颜色名称/RGB/十六进制数
字符间距：letter-spacing:值：normal/长度
css背景：背景颜色：background-color:值：颜色名称/RGB/十六进制
背景图片：background-image:值：url（图片文件路径）
背景重复：background-repeat:值：repeat/repeat-x/repeat-y/no-repreat
背景附着：background-attachment:值：scroll/fixed
背景定位：background-position:值：xpos ypos/x% y%/top left/top right/bottom left/...
背景简写属性：background:值（按顺序）：background-color background-image backgrond-repeat background-attachment background-position
css边框属性：边框样式：border-style:值：none/dotted/dashed/solid/double/groove/ridge/inset/outset
边框宽度：border-width:值：medium/thin/thick/长度（mm、px、em等）
边框颜色：border-color：值：颜色名称、RGB、十六进制
边框简写属性：border：值（按顺序）：border-width border-style border-color
css外边框：属性：margin-left、margin-right、margin-top、margin-bottom：值：%、长度（in、mm、px、em等）、auto
可以这样使用：.margin{
margin-top:10px;
margin-bottom:10px;
margin-right:30px;
margin-left:30px;
}
外边框简写属性：margin:值（按顺序）：margin-top margin-right margin-bottom margin-left
/*定义简写外边框属性*/
.margin1{margin:10px 30px 10px 30px}/*从上右下左*/
.margin2{margin:10px}/*定义一个值，同时设置其他三个值*/
.margin3{margin:10px 30px}/*定义两个值，没有定义的采用对边的外边框属性*/
.margin4{margin:10px 30px 10px}/*
定义三个值，没有定义的采用对边的外边框属性*/
css内边距（padding）属性：padding-left、padding-right、padding-top、padding-bottom：值：%、长度（in、mm、px、em等）
/*定义单个内边框属性*/
.padding
{
padding-top:10px;
padding-bottom:10px;
padding-right:30px;
padding-left:30px;
}
/*定义简写内边框属性*/
.padding1{padding:10px 30px 10px 30px}/*从上右下左*/
.padding2{padding:10px}/*定义一个值，同时设置其他三个值*/
.padding3{padding:10px 30px}/*定义两个值，没有定义的采用对边的内边框属性*/
.padding4{padding:10px 30px 10px}/*定义三个值，没有定义的采用对边的内边框属性*/
css盒模型：
/*.boxmodel
{
width:280px;
padding:10px;
border:5px solid gray;
margin:10px;
}*/
<!--
.boxmodel
{
width:280px;
height:280px;
background-image:url(Sunset.jpg);
padding:20px;/*设置盒模型元素内边距为20px*/
border:solid gray 20px;/*设置盒模型元素边框为20px，灰色*/
margin:20px;/*设置盒模型元素外边距为20px
}
盒的总宽度：width+padding-left+padding-right+border-left+border-right+margin-left+margin-right
盒的总高度：height+padding-top+padding-bottom+border-top+border-buttom+marg
in-top+margin-bottom
css伪类：语法：selector：pseudo-class{property：value}
<a>链接标签是最常见的伪类。类如：a：link{color：red}
css度量单位：长度单位；百分比单位；颜色单位