c1.css

SVG教程

BODY {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/i/holder.gif) #f9f9f9 repeat-y center top; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px Verdana, Arial, Helvetica, sans-serif; PADDING-TOP: 0px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
DIV#wrapper {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/i/wrapper.gif) repeat-y left top; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 966px; PADDING-TOP: 0px; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 0px
}
DIV#header {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #c3c3c3; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 12px; WIDTH: 937px; PADDING-TOP: 0px; HEIGHT: 60px; BORDER-RIGHT-WIDTH: 0px
}
DIV#navsecond {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 6px; WIDTH: 150px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
UNKNOWN {
	MARGIN-LEFT: 12px
}
DIV#maincontent {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 637px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV#sidebar {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 150px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV#footer {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #fff 10px solid; PADDING-LEFT: 0px; BACKGROUND: #c3c3c3; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 12px; WIDTH: 937px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 10px solid; HEIGHT: 46px
}
DIV#footer P {
	FONT-SIZE: 12px; MARGIN: 2px 10px 0px
}
H1 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; TEXT-INDENT: -9999px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
H1 A:link {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/i/header01.gif) no-repeat left top; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 937px; PADDING-TOP: 0px; HEIGHT: 60px; BORDER-RIGHT-WIDTH: 0px
}
H1 A:visited {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/i/header01.gif) no-repeat left top; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 937px; PADDING-TOP: 0px; HEIGHT: 60px; BORDER-RIGHT-WIDTH: 0px
}
H1 A:hover {
	BACKGROUND: url(/i/header02.gif) #cacaca no-repeat left top
}
DIV#navfirst {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 12px; WIDTH: 937px; PADDING-TOP: 0px; HEIGHT: 40px; BORDER-RIGHT-WIDTH: 0px
}
DIV#navfirst UL#menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/i/nav.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 937px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 40px
}
DIV#navfirst UL#menu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0px
}
UL#menu LI {
	DISPLAY: block; HEIGHT: 40px
}
UL#menu A {
	DISPLAY: block; HEIGHT: 40px
}
DIV#navfirst UL#menu LI A {
	OVERFLOW: hidden; TEXT-INDENT: -9999px; TEXT-DECORATION: none
}
#h {
	LEFT: 0px; WIDTH: 88px
}
#x {
	LEFT: 88px; WIDTH: 86px
}
#b {
	LEFT: 174px; WIDTH: 189px
}
#s {
	LEFT: 363px; WIDTH: 177px
}
#d {
	LEFT: 540px; WIDTH: 120px
}
#m {
	LEFT: 660px; WIDTH: 134px
}
#w {
	LEFT: 794px; WIDTH: 143px
}
#h A:hover {
	BACKGROUND: url(/i/nav.gif) no-repeat 0px -40px
}
#x A:hover {
	BACKGROUND: url(/i/nav.gif) no-repeat -88px -40px
}
#b A:hover {
	BACKGROUND: url(/i/nav.gif) no-repeat -174px -40px
}
#s A:hover {
	BACKGROUND: url(/i/nav.gif) no-repeat -363px -40px
}
#d A:hover {
	BACKGROUND: url(/i/nav.gif) no-repeat -540px -40px
}
#m A:hover {
	BACKGROUND: url(/i/nav.gif) no-repeat -660px -40px
}
#w A:hover {
	BACKGROUND: url(/i/nav.gif) no-repeat -794px -40px
}
BODY.html #h {
	BACKGROUND: url(/i/nav.gif) no-repeat 0px -40px
}
BODY.xml #x {
	BACKGROUND: url(/i/nav.gif) no-repeat -88px -40px
}
BODY.browserscripting #b {
	BACKGROUND: url(/i/nav.gif) no-repeat -174px -40px
}
BODY.serverscripting #s {
	BACKGROUND: url(/i/nav.gif) no-repeat -363px -40px
}
BODY.dotnet #d {
	BACKGROUND: url(/i/nav.gif) no-repeat -540px -40px
}
BODY.multimedia #m {
	BACKGROUND: url(/i/nav.gif) no-repeat -660px -40px
}
BODY.webbuilding #w {
	BACKGROUND: url(/i/nav.gif) no-repeat -794px -40px
}
A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #900b09; TEXT-DECORATION: underline
}
A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #900b09; TEXT-DECORATION: underline
}
A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ff0000; TEXT-DECORATION: underline
}
A:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ff0000; TEXT-DECORATION: underline
}
DIV#navsecond A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; TEXT-DECORATION: none
}
DIV#navsecond A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; TEXT-DECORATION: none
}
DIV#navsecond A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; TEXT-DECORATION: underline
}
DIV#navsecond A:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; TEXT-DECORATION: underline
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#maincontent H2 {
	FONT-SIZE: 20px; MARGIN: 15px 0px 0px 15px
}
BODY#homesecond DIV#navsecond LI {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 5px 0px 0px
}
DIV#w3 H2 {
	MARGIN: 0px
}
DIV#maincontent H3 {
	FONT-SIZE: 14px
}
DIV.idea H3 {
	MARGIN-TOP: 15px
}
DIV#navsecond H2 {
	FONT-SIZE: 12px; MARGIN: 10px 0px 0px 12px
}
DIV#sidebar H2 {
	FONT-SIZE: 12px; MARGIN: 10px 0px 0px 12px
}
DIV#maincontent H4 {
	FONT-SIZE: 12px; MARGIN: 20px 0px 0px
}
P {
	MARGIN: 12px 0px 0px; LINE-HEIGHT: 150%
}
DIV#w3school P {
	MARGIN-LEFT: 15px
}
DIV#intro STRONG {
	FONT-SIZE: 12px
}
DIV#intro IMG {
	FLOAT: left
}
P.note SPAN {
	FONT-WEIGHT: bold
}
P.important SPAN {
	FONT-WEIGHT: bold; COLOR: #dd0000
}
P.tip SPAN {
	FONT-WEIGHT: bold; COLOR: #ff9955
}
P.inherited {
	FONT-WEIGHT: bold; COLOR: #ff0000
}
P.inherited SPAN {
	FONT-WEIGHT: bold; COLOR: #999
}
EM {
	FONT-WEIGHT: bold; FONT-STYLE: normal
}
PRE {
	BORDER-RIGHT: #785 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #785 1px dotted; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 10px; MARGIN: 10px 0px 0px; BORDER-LEFT: #785 1px dotted; WIDTH: 580px; PADDING-TOP: 10px; BORDER-BOTTOM: #785 1px dotted; FONT-FAMILY: "Courier New",monospace
}
PRE CODE {
	COLOR: #0000ff; FONT-FAMILY: "Courier New",monospace
}
PRE SPAN {
	COLOR: #999
}
.tabledata TABLE PRE {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px
}
DIV#maincontent UL {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 0px
}
DIV#maincontent LI {
	MARGIN-TOP: 3px
}
DIV#navsecond UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#navsecond LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#sidebar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#sidebar LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#navsecond UL {
	MARGIN-LEFT: 12px
}
DIV#sidebar UL {
	MARGIN-LEFT: 12px
}
DIV#navsecond LI {
	LIST-STYLE-TYPE: none
}
DIV#sidebar LI {
	LIST-STYLE-TYPE: none
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
IMG.illustration {
	MARGIN: 15px 0px 0px 5px
}
BODY#homefirst IMG {
	FLOAT: left
}
DIV#maincontent DIV {
	PADDING-RIGHT: 0px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px 0px 0px 15px; WIDTH: 607px; PADDING-TOP: 20px; BORDER-BOTTOM: #aaa 1px solid; BORDER-RIGHT-WIDTH: 0px
}
DIV#w3 {
	TEXT-ALIGN: center
}
BODY#homefirst DIV#maincontent DIV.idea {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 118px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
BODY#homesecond DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY#homesecond DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY#homesecond DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; COLOR: #000088; PADDING-TOP: 0px
}
BODY#homesecond DD P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#definition DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#definition DT {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
DIV#definition DD {
	MARGIN: 0px; COLOR: #000088
}
DIV#maincontent DIV#toc DIV {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 15px 0px 35px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV#toc IMG {
	FLOAT: left; MARGIN-RIGHT: 10px
}
DIV#toc DIV DT {
	MARGIN-TOP: 0px
}
DIV#toc DIV DL {
	MARGIN-TOP: 0px
}
DIV#example DL {
	MARGIN: 10px 0px 0px
}
DIV.example DL {
	MARGIN: 10px 0px 0px
}
DIV#moreexamples DL {
	MARGIN: 10px 0px 0px
}
DIV#toc DL {
	MARGIN: 10px 0px 0px
}
DIV#referencelist DL {
	MARGIN: 10px 0px 0px
}
DIV#example DT {
	MARGIN: 15px 0px 5px
}
DIV.example DT {
	MARGIN: 15px 0px 5px
}
DIV#moreexamples DT {
	MARGIN: 15px 0px 5px
}
DIV#toc DT {
	MARGIN: 15px 0px 5px
}
DIV#referencelist DT {
	MARGIN: 15px 0px 5px
}
DIV#example DD {
	MARGIN: 0px
}
DIV.example DD {
	MARGIN: 0px
}
DIV#moreexamples DD {
	MARGIN: 0px
}
DIV#toc DD {
	MARGIN: 0px
}
DIV#referencelist DD {
	MARGIN: 0px
}
DIV#definitionlist DL {
	MARGIN: 10px 0px 0px
}
DL.define {
	MARGIN: 10px 0px 0px
}
DIV#definitionlist DT {
	FONT-WEIGHT: bold; MARGIN: 15px 0px 3px
}
DL.define DT {
	FONT-WEIGHT: bold; MARGIN: 15px 0px 3px
}
DIV#definitionlist DD {
	MARGIN: 0px; COLOR: #000088