关于css样式请注释
來源:互聯網 2010-02-01 18:39:58 評論
分類: 電腦/網絡 >> 程序設計 >> 其他編程語言
問題描述:
哪位有耐心的话就看完,帮我注释一下,不怎么明白,点,和#号有什么不同
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #303880; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
A:active {
COLOR: #000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff6600; TEXT-DECORATION: none
}
A.link_white:link {
COLOR: #fff
}
A.link_white:visited {
COLOR: #fff
}
A.link_white:active {
COLOR: #fff
}
A.link_white:hover {
COLOR: #f3f3f3
}
A.link_ora:link {
COLOR: #fe7200
}
A.link_ora:visited {
COLOR: #fe7200
}
A.link_ora:active {
COLOR: #fe7200
}
A.link_ora:hover {
COLOR: #ff811a
}
A.link_red:link {
COLOR: #f00000
}
A.link_red:visited {
COLOR: #f00000
}
A.link_red:active {
COLOR: #f00000
}
A.link_red:hover {
COLOR: #f73030
}
#head #right #part1 #col6 {
WIDTH: 55px
}
#login {
}
#reg {
}
#head #right #part1 #col7 {
WIDTH: 167px
}
#website {
BACKGROUND: url(http://www.pcauto.com.cn/images/06/0609head_09.gif) no-repeat right 50%; FLOAT: left; WIDTH: 160px; MARGIN-RIGHT: 7px; HEIGHT: 27px
}
#head #right #part1 #col8 {
BACKGROUND: url(http://www.pcauto.com.cn/images/06/0609head_15.gif) no-repeat 160px 50%; WIDTH: 178px; TEXT-ALIGN: left
}
#head #right #part1 #col8 DIV {
MARGIN-TOP: 1px; FILTER: dropshadow(color=#FFFFFF,offx=1,offy=1); WIDTH: 170px
}
#head #right #nav {
BORDER-RIGHT: 0px; BORDER-TOP: #fff 1px solid; BACKGROUND: url(http://www.pcauto.com.cn/images/06/0609head_23.gif) #2f3669; FLOAT: left; BORDER-LEFT: #fff 1px solid; WIDTH: 100%; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 72px
}
#head #right #nav UL {
BACKGROUND: url(http://www.pcauto.com.cn/images/06/0609head_26.gif) no-repeat right 50%; FILTER: dropshadow(color=#000000,offx=1,offy=1); FLOAT: left; OVERFLOW: hidden; HEIGHT: 72px
}
#head #right #nav UL {
FLOAT: left
}
#head #right #nav LI {
FLOAT: left
}
#head #right #nav LI {
WIDTH: 100%
}
.box797 {
FLOAT: left; OVERFLOW: hidden; WIDTH: 797px; MARGIN-RIGHT: 7px
}
.box531 {
FLOAT: left; MARGIN: 0px 6px; OVERFLOW: hidden; WIDTH: 531px
}
.box260 {
FLOAT: left; OVERFLOW: hidden; WIDTH: 260px
}
.box330 {
FLOAT: left; OVERFLOW: hidden; WIDTH: 330px
}
.box460 {
FLOAT: left; MARGIN: 0px 7px; OVERFLOW: hidden; WIDTH: 460px
}
.c1 {
COLOR: #808080
}
參考答案:
点是针对一整类的样式定义的,井号是针对某个HTML元素的唯一ID定义的
如
这是适用.c1这个样式的
可以多个标签设置使用同一class,但是原则上每个页面元素只能有一个ID
[b]分类:[/b] 电脑/网络 >> 程序设计 >> 其他编程语言[br][b]问题描述:[/b][br]哪位有耐心的话就看完,帮我注释一下,不怎么明白,点,和#号有什么不同
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #303880; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
A:active {
COLOR: #000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff6600; TEXT-DECORATION: none
}
A.link_white:link {
COLOR: #fff
}
A.link_white:visited {
COLOR: #fff
}
A.link_white:active {
COLOR: #fff
}
A.link_white:hover {
COLOR: #f3f3f3
}
A.link_ora:link {
COLOR: #fe7200
}
A.link_ora:visited {
COLOR: #fe7200
}
A.link_ora:active {
COLOR: #fe7200
}
A.link_ora:hover {
COLOR: #ff811a
}
A.link_red:link {
COLOR: #f00000
}
A.link_red:visited {
COLOR: #f00000
}
A.link_red:active {
COLOR: #f00000
}
A.link_red:hover {
COLOR: #f73030
}
#head #right #part1 #col6 {
WIDTH: 55px
}
#login {
BACKGROUND: url([url=http://www.pcauto.com.cn/images/06/0609head_05.gif]http://www.pcauto.com.cn/images/06/0609head_05.gif[/url]) no-repeat
}
#reg {
BACKGROUND: url([url=http://www.pcauto.com.cn/images/06/0609head_07.gif]http://www.pcauto.com.cn/images/06/0609head_07.gif[/url]) no-repeat
}
#head #right #part1 #col7 {
WIDTH: 167px
}
#website {
BACKGROUND: url([url=http://www.pcauto.com.cn/images/06/0609head_09.gif]http://www.pcauto.com.cn/images/06/0609head_09.gif[/url]) no-repeat right 50%; FLOAT: left; WIDTH: 160px; MARGIN-RIGHT: 7px; HEIGHT: 27px
}
#head #right #part1 #col8 {
BACKGROUND: url([url=http://www.pcauto.com.cn/images/06/0609head_15.gif]http://www.pcauto.com.cn/images/06/0609head_15.gif[/url]) no-repeat 160px 50%; WIDTH: 178px; TEXT-ALIGN: left
}
#head #right #part1 #col8 DIV {
MARGIN-TOP: 1px; FILTER: dropshadow(color=#FFFFFF,offx=1,offy=1); WIDTH: 170px
}
#head #right #nav {
BORDER-RIGHT: 0px; BORDER-TOP: #fff 1px solid; BACKGROUND: url([url=http://www.pcauto.com.cn/images/06/0609head_23.gif]http://www.pcauto.com.cn/images/06/0609head_23.gif[/url]) #2f3669; FLOAT: left; BORDER-LEFT: #fff 1px solid; WIDTH: 100%; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 72px
}
#head #right #nav UL {
BACKGROUND: url([url=http://www.pcauto.com.cn/images/06/0609head_26.gif]http://www.pcauto.com.cn/images/06/0609head_26.gif[/url]) no-repeat right 50%; FILTER: dropshadow(color=#000000,offx=1,offy=1); FLOAT: left; OVERFLOW: hidden; HEIGHT: 72px
}
#head #right #nav UL {
FLOAT: left
}
#head #right #nav LI {
FLOAT: left
}
#head #right #nav LI {
WIDTH: 100%
}
.box797 {
FLOAT: left; OVERFLOW: hidden; WIDTH: 797px; MARGIN-RIGHT: 7px
}
.box531 {
FLOAT: left; MARGIN: 0px 6px; OVERFLOW: hidden; WIDTH: 531px
}
.box260 {
FLOAT: left; OVERFLOW: hidden; WIDTH: 260px
}
.box330 {
FLOAT: left; OVERFLOW: hidden; WIDTH: 330px
}
.box460 {
FLOAT: left; MARGIN: 0px 7px; OVERFLOW: hidden; WIDTH: 460px
}
.c1 {
COLOR: #808080
}
[br][b]参考答案:[/b][br]点是针对一整类的样式定义的,井号是针对某个HTML元素的唯一ID定义的
如
这是适用.c1这个样式的
可以多个标签设置使用同一class,但是原则上每个页面元素只能有一个ID