BlogJava-有时，退一步，能一口气进几步，只是这先退一步需要勇气和自信。-随笔分类-CSShttp://www.blogjava.net/ducklyl/category/34656.html用心爱你，努力工作。<br/> zh-cnTue, 16 Dec 2008 13:44:23 GMTTue, 16 Dec 2008 13:44:23 GMT60CSS属性与JavaScript 编码方法对照表http://www.blogjava.net/ducklyl/archive/2008/12/16/246625.html王生生王生生Tue, 16 Dec 2008 06:29:00 GMThttp://www.blogjava.net/ducklyl/archive/2008/12/16/246625.htmlhttp://www.blogjava.net/ducklyl/comments/246625.htmlhttp://www.blogjava.net/ducklyl/archive/2008/12/16/246625.html#Feedback0http://www.blogjava.net/ducklyl/comments/commentRss/246625.htmlhttp://www.blogjava.net/ducklyl/services/trackbacks/246625.htmlJavaScript CSS Style属性对照表

盒子标签和属性对照

CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)
border 　　border
border-bottom 　　borderBottom
border-bottom-color 　　borderBottomColor
border-bottom-style　　 borderBottomStyle
border-bottom-width 　　borderBottomWidth
border-color 　　borderColor
border-left 　　borderLeft
border-left-color 　　borderLeftColor
border-left-style 　　borderLeftStyle
border-left-width 　　borderLeftWidth
border-right 　　borderRight
border-right-color 　　borderRightColor
border-right-style 　　borderRightStyle
border-right-width 　　borderRightWidth
border-style 　　borderStyle
border-top 　　borderTop
border-top-color 　　borderTopColor
border-top-style 　　borderTopStyle
border-top-width 　　borderTopWidth
border-width 　　borderWidth
clear 　　clear
float　　 floatStyle
margin 　　margin
margin-bottom 　　marginBottom
margin-left 　　marginLeft
margin-right 　　marginRight
margin-top 　　marginTop
padding 　　padding
padding-bottom 　　paddingBottom
padding-left 　　paddingLeft
padding-right 　　paddingRight
padding-top　　 paddingTop

颜色和背景标签和属性对照


CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)
background 　　background
background-attachment 　　backgroundAttachment
background-color　　 backgroundColor
background-image 　　backgroundImage
background-position　　 backgroundPosition
background-repeat 　　backgroundRepeat
color 　　color

样式标签和属性对照


CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)
display 　　display
list-style-type　　 listStyleType
list-style-image 　　listStyleImage
list-style-position　　 listStylePosition
list-style　　 listStyle
white-space　　 whiteSpace

文字样式标签和属性对照


CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)
font　　 font
font-family　　 fontFamily
font-size　　 fontSize
font-style　　 fontStyle
font-variant　　 fontVariant
font-weight 　　fontWeight

文本标签和属性对照


CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)
letter-spacing　　 letterSpacing
line-break　　 lineBreak
line-height　　 lineHeight
text-align　　 textAlign
text-decoration 　　textDecoration
text-indent 　　textIndent
text-justify　　 textJustify
text-transform 　　textTransform
vertical-align　　 verticalAlign



王生生 2008-12-16 14:29 发表评论
]]>CSS颜色对照码http://www.blogjava.net/ducklyl/archive/2008/09/26/231240.html王生生王生生Fri, 26 Sep 2008 01:59:00 GMThttp://www.blogjava.net/ducklyl/archive/2008/09/26/231240.htmlhttp://www.blogjava.net/ducklyl/comments/231240.htmlhttp://www.blogjava.net/ducklyl/archive/2008/09/26/231240.html#Feedback0http://www.blogjava.net/ducklyl/comments/commentRss/231240.htmlhttp://www.blogjava.net/ducklyl/services/trackbacks/231240.htmlCSS颜色对照码：

FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000
#FFB7DD #FF88C2 #FF44AA  #FF0088  #C10066  #A20055  #8C0044 
#FFCCCC #FF8888 #FF3333  #FF0000  #CC0000  #AA0000  #880000 
#FFC8B4 #FFA488 #FF7744  #FF5511  #E63F00  #C63300  #A42D00 
#FFDDAA #FFBB66 #FFAA33 #FF8800  #EE7700  #CC6600  #BB5500 
#FFEE99 #FFDD55 #FFCC22 #FFBB00  #DDAA00  #AA7700  #886600 
#FFFFBB #FFFF77 #FFFF33 #FFFF00 #EEEE00 #BBBB00 #888800
#EEFFBB #DDFF77 #CCFF33 #BBFF00 #99DD00 #88AA00 #668800
#CCFF99 #BBFF66 #99FF33 #77FF00 #66DD00 #55AA00 #227700
#99FF99 #66FF66 #33FF33 #00FF00 #00DD00 #00AA00 #008800
#BBFFEE #77FFCC #33FFAA #00FF99 #00DD77 #00AA55 #008844
#AAFFEE #77FFEE #33FFDD #00FFCC #00DDAA #00AA88 #008866
#99FFFF #66FFFF #33FFFF #00FFFF #00DDDD #00AAAA #008888
#CCEEFF #77DDFF #33CCFF #00BBFF #009FCC #0088A8 #007799
#CCDDFF #99BBFF #5599FF #0066FF  #0044BB  #003C9D  #003377 
#CCCCFF #9999FF #5555FF  #0000FF  #0000CC  #0000AA  #000088 
#CCBBFF #9F88FF #7744FF  #5500FF  #4400CC  #2200AA  #220088 
#D1BBFF #B088FF #9955FF  #7700FF  #5500DD  #4400B3  #3A0088 
#E8CCFF #D28EFF #B94FFF  #9900FF  #7700BB  #66009D  #550088 
#F0BBFF #E38EFF #E93EFF  #CC00FF  #A500CC  #7A0099  #660077 
#FFB3FF #FF77FF #FF3EFF  #FF0 0FF  #CC00CC  #990099  #770077 

顏色名稱  代碼 

顏色
maroon  #800000  　
darkred  #8B0000  　
brown  #A52A2A  　
firebrick  #B22222  　
crimson  #DC143C  　
red  #FF0000  　

桃紅~紛紅
顏色名稱  代碼 

顏色
mediumvioletred  #C71585  　
palevioletred  #D87093  　
deeppink  #FF1493  　
fuchsia(magenta)  #FF00FF  　
hotpink  #FF69B4  　
pink  #FFC0CB  　
lightpink  #FFB6C1  　
mistyrose  #FFE4E1  　
lavenderblush  #FFF0F5  　

紫
顏色名稱  代碼 

顏色
indigo  #4B0082  　
purple  #800080  　
darkmagenta  #8B008B  　
darkorchid  #9932CC  　
blueviolet  #8A2BE2  　
darkviolet  #9400D3  　
slateblue  #6A5ACD  　
mediumpurple  #9370DB  　
mediumslateblue  #7B68EE  　
mediumorchid  #BA55D3  　
violet  #EE82EE  　
plum  #DDA0DD  　
thistle  #D8BFD8  　
lavender  #E6E6FA  　

褐~橘~米白
顏色名稱  代碼 

顏色
saddlebrown  #8B4513  　
sienna  #A0522D  　
chocolate  #D2691E  　
indianred  #CD5C5C  　
rosybrown  #BC8F8F  　
lightcorol  #F08080  　
salmon  #FA8072  　
lightsalmon  #FFA07A  　
orangered  #FF4500  　
tomato  #FF6347  　
coral  #FF7F50  　
darkorange  #FF8C00  　
sandybrown  #F4A460  　
peru  #CD853F  　
tan  #D2B48C  　
burlywood  #DEB887  　
wheat  #F5DEB3  　
moccasin  #FFE4B5  　
navajowhite  #FFDEAD  　
peachpuff  #FFDAB9  　
bisque  #FFE4C4  　
antuquewhite  #FAEBD7  　
papayawhip  #FFEFD5  　
cornsilk  #FFF8DC  　
oldlace  #FDF5E6  　
linen  #FAF0E6  　
seashell  #FFF5EE  　
snow  #FFFAFA  　
floralwhite  #FFFAF0  　
ivory  #FFFFF0  　
mintcream  #F5FFFA  　

金~黃
顏色名稱  代碼 

顏色
darkgoldenrod  #B8860B  　
goldenrod  #DAA520  　
gold  #FFD700  　
yellow  #FFFF00  　
darkkhaki  #BDB76B  　
khaki  #F0E68C  　
palegoldenrod  #EEE8AA  　
beige  #F5F5DC  　
lemonchiffon  #FFFACD  　
lightgoldenrodyellow  #FAFAD2  　
lightyellow  #FFFFE0  　

~黃

綠
顏色名稱  代碼 

顏色
darkslategray  #2F4F4F  　
darkolivegreen  #556B2F  　
olive  #808000  　
darkgreen  #006400  　
forestgreen  #228B22  　
seagreen  #2E8B57  　
green(teal)  #008080  　
lightseagreen  #20B2AA  　
madiumaquamarine  #66CDAA  　
mediumseagreen  #3CB371  　
darkseagreen  #8FBC8F  　
yellowgreen  #9ACD32  　
limegreen  #32CD32  　
lime  #00FF00  　
chartreuse  #7FFF00  　
lawngreen  #7CFC00  　
greenyellow  #ADFF2F  　
mediumspringgreen  #00FA9A  　
springgreen  #00FF7F  　
lightgreen  #90EE90  　
palegreen  #98F898  　
aquamarine  #7FFFD4  　
honeydew  #F0FFF0  　

藍
顏色名稱  代碼 

顏色
midnightblue  #191970  　
navy  #000080  　
darkblue  #00008B  　
darkslateblue  #483D8B  　
mediumblue  #0000CD  　
royalblue  #4169E1  　
dodgerblue  #1E90FF  　
cornflowerblue  #6495ED  　
deepskyblue  #00BFFF  　
lightskyblue  #87CEFA  　
lightsteelblue  #B0C4DE  　
lightblue  #ADD8E6  　
steelblue  #4682B4  　
darkcyan  #008B8B  　
cadetblue  #5F9EA0  　
darkturquoise  #00CED1  　
mediumturquoise  #48D1CC  　
turquoise  #40E0D0  　
skyblue  #87CECB  　
powderblue  #B0E0E6  　
paleturquoise  #AFEEEE  　
lightcyan  #E0FFFF  　
azure  #F0FFFF  　
aliceblue  #F0F8FF  　
aqua(cyan)  #00FFFF  　

黑~灰~白
顏色名稱  代碼 

顏色
black  #000000  　
dimgray  #696969  　
gray  #808080  　
slategray  #708090  　
lightslategray  #778899  　
darkgray  #A9A9A9  　
silver  #C0C0C0  　
lightgray  #D3D3D3  　
gainsboro  #DCDCDC  　
whitesmoke  #F5F5F5  　
ghostwhite  #F8F8FF  　
white  #FFFFFF 



王生生 2008-09-26 09:59 发表评论
]]>CSS初级指南-定位与浮动http://www.blogjava.net/ducklyl/archive/2008/09/24/230895.html王生生王生生Wed, 24 Sep 2008 07:27:00 GMThttp://www.blogjava.net/ducklyl/archive/2008/09/24/230895.htmlhttp://www.blogjava.net/ducklyl/comments/230895.htmlhttp://www.blogjava.net/ducklyl/archive/2008/09/24/230895.html#Feedback0http://www.blogjava.net/ducklyl/comments/commentRss/230895.htmlhttp://www.blogjava.net/ducklyl/services/trackbacks/230895.html    
定位
    定位属性position用于定义一个元素是否absolute（绝对），relative（相对），static（静态），或者fixed（固定）。
    static值是元素的默认值，它会按照普通顺序生成，就如它们在HTML的出现一般。
    relative很像static，但可用top、right、bottom和left属性来偏移原始位置。
    absolute使元素从HTML普通流中分离出来，并把它送到一个完全属于自己的定位世界。在这个稍微疯狂的世界，这个绝对的元素可以放置到任何地方，只要设置了top、right、bottom和left的值。
    fixed的行为也很像absolute，但参考于浏览器窗口相对于页面而放置绝对的元素，所以，理论上，当页面滚动的时候，固定元素完全保持在浏览器视区中。为什么说理论上的？不为别的，在Mozilla和Opera中工作得很好，但IE不会。

浮动 float
    浮动将移动一个元素到同一线上的左边或者右边，而周围也会有内容浮动。
    浮动经常用在定位一个页面内的小型的元素.



王生生 2008-09-24 15:27 发表评论
]]>CSS初级指南-字体设置http://www.blogjava.net/ducklyl/archive/2008/09/24/230876.html王生生王生生Wed, 24 Sep 2008 06:38:00 GMThttp://www.blogjava.net/ducklyl/archive/2008/09/24/230876.htmlhttp://www.blogjava.net/ducklyl/comments/230876.htmlhttp://www.blogjava.net/ducklyl/archive/2008/09/24/230876.html#Feedback0http://www.blogjava.net/ducklyl/comments/commentRss/230876.htmlhttp://www.blogjava.net/ducklyl/services/trackbacks/230876.html     1.字体族font-family
    这是字体本身的名称，如“Times News Roman”，“Arial”或者“Verdana”（又如“宋体”等中文字体名称--译者著）。
你指定的字体必须存在在用户的电脑上，所以在CSS使用字体会存在某种程度上的不确定性。有少量“安全”的字体（最常用的是Arial，Verdana和Times New Roman）。但你可以指定不止一种字体，只要用半角英文逗号,隔开就行。这样做的目的是如果用户的电脑上没有你指定的第一个字体，浏览器会逐遍寻找罗列的字体直到找到电脑上安装有的字体为止。这很有用因为不同的电脑有时侯有不同的安装字体。所以，例子font-family: arial, helvetica的目的就是用在PC（一般情况下有arial字体而没有helvetica字体）和Apple Mac上（一般有helvetica字体而没有arial字体）。
    注意：如果一个字体的名称超过一个单词，它应该用英文双引号括起来，如：font-family: "Times New Roman"。

    2.字体尺寸font-size
    定义字体的尺寸。必须小心──像标题一样的文本不应该是段落中的大字体而已，你应该使用标题标签（h1，h2 等）。甚至，在练习中，你可以使段落文本字体尺寸大于标题（不推荐使用，如果你明智的话）。

    3.字体加粗font-weight
    这用来声明文本粗细与否。实际应用中一般只有两种形式：font-weight: bold（粗体）和font-weight: normal（普通）。在理论上，它们的值有bolder（更粗），lighter（更细），100，200，300，400，500，600，700，800或者900，但许多浏览器会摇摇头，说：“我不认为这样”，所以使用bold和normal是比较安全的。

    4.字体样式font-style
    这定义文本正斜与否。可以这样使用 font-style: italic（倾斜）或者font-style: normal（正常）。

    5.文本装饰text-decoration
    这用来声明文本是否有划线。可以这样使用：
    text-decoration: overline──文本上面的划线。
    text-decoration: line-through──穿过文本的删除线。
    text-decoration: underline──这应该只使用在连接中，因为用户一般认为连接才有下划线。 这个属性通常用来装饰连接，而         text-decoration: none则是表示没有任何划线。

    6.文本转换text-transform
    这可以转换文本的大小写。
    text-transform: capitalize把每个单词的首字母转换成大写。 text-transform: uppercase把所有的字母都转换成大写。 text-transform: lowercase把所有的字母都转换成小写。 text-transform: none？你自己试一试啦。

    7.文本间距
    字母间隔letter-spacing和文本间隔 word-spacing属性分别用在字母间和单词间的距离。它们的值可以是长度或者默认的普通normal。
line-height属性为比如段落等元素设置行高，它并不改变字体的尺寸。它的值可以是长度，百分比或者默认的normal。

    8.文本水平对齐
    text-align属性将对元素里的文本向左、右、中间或者两端对齐，自然，它们的值分别left（左）、 right（右）、center（中间）或者 justify（两端）。

    9.文本缩进
    text-indent属性依据你设置的长度或者百分比值对文本段落的第一行进行缩进。在印刷中经常会用到这样的格式，然而在像网页这样的电子媒体中并不常用。




王生生 2008-09-24 14:38 发表评论
]]>