background-color: #DCDCDC /*背景色*/
font-family: Arial, Helvetica, sans-serif/*字体*/
font-size: 12px/*字体大小*/
line-height: 24px/*文字行高*/
color: #336699/*字体颜色*/
}
td, th { /*设置所有表格中td th样式 以下属性同body一样解释*/
font-family: Arial, Helvetica, sans-serif
font-size: 12px
line-height: 24px
color: #333333
}
a { /*设置链接样式*/
color: #3366CC
text-decoration: none /*无下划线*/
}
form { /*表单样式*/
background-color: #CCCC99
}
.title { /*设置类名为title的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 24px
line-height: 30px
background-color: #006666
color: #DCDCDC
}
.subtitle {/*设置类名为subtitle的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 16px
line-height: 22px
font-weight: bold/*字体粗细*/
color: #006666
}
.header {/*设置类名为header的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 24px
background-color: #006666
color: #DCDCDC
}
.nav { /*设置类名为nav的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 14px
font-weight: bold
background-color: #CCCCCC
}
.navLink { /*设置类名为navLink的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 14px
font-weight: bold
background-color: #DEDECA
}
.sidebar { /*设置类名为sidebar的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 12px
line-height: 18px
padding: 3px /*内补白为3像素*/
background-color: #FFFFFF
}
.sidebarHeader { /*设置类名为sidebarHeader的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 16px
line-height: 24px
color: #FFFFFF
background-color: #339999
}
.sidebarFooter { /*设置类名为sidebarFooter的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 12px
line-height: 18px
background-color: #CCCCCC
}
.footer { /*设置类名为footer的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 14px
font-weight: bold
line-height: 22px
color: #333333
background-color: #CCCCCC
}
.legal { /*设置类名为legal的元素样式 */
font-family: Arial, Helvetica, sans-serif
font-size: 9px
color: #333333
}
.box1 { /*设置类名为box1的元素边框样式 */
border-color: #CCCCCC #333333 #333333 #CCCCCC /*边框的上 右 下 左依次对应的颜色*/
border-width: medium/*边框粗细*/
border-style: ridge/*边框风格*/
}
.promo { /*设置类名为promo的元素样式 */
font-family: "Times New Roman", Times, serif
color: #000033
}
.titlebar { /*设置类名为titlebar的元素样式 */
font-family: "Times New Roman", Times, serif
font-size: 9px
color: #FFFFFF
background-color: #336699
}
.dingbat { /*设置类名为dingbat的元素样式 */
font-family: Arial, Helvetica, sans-serif
background-color: #99CC99
color: #006666
font-weight: bolder
font-size: medium
}
a:hover { /*设置当鼠标移上时候的链接样式 */
text-decoration: underline
}
input.big { /*设置input元素中类名为big的样式 */
width: 100px /*宽*/
}
input.small { /*设置input元素中类名为small的样式 */
width: 50px
}
CSS即Cascading Style Sheet(级联样式单)的缩写，我们又常称这为风格样式单Style Sheet，顾名思义，是用来进行网页风格设计的。比如，我想让我的链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。
