css中文文档和例子资源-CSDN文库

共41个文件

gif：15个

html：13个

jpg：4个

需积分: 3 133 浏览量 2008-12-22 09:12:08 上传评论收藏 319KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

css.rar （41个子文件）

css

css样式表.ppt 108KB

工具

CSS.html 36KB

qrx

spinner-downdown.gif 138B

qrpulldown.css 1KB

pulldownfc-back.gif 277B

pulldown-down.gif 107B

qrcspinner.js 4KB

graybar.jpg 5KB

qrcpicker.js 8KB

qrxpcom.js 4KB

pulldown-back.gif 210B

pulldown-normal.gif 107B

qrcpulldown.js 6KB

transparentpixel.gif 43B

spinner-updown.gif 138B

blank.jpg 5KB

colorpicker.jpg 20KB

lwllogo.jpg 16KB

grid.gif 87B

resize-box.gif 109B

spinner-normal.gif 124B

pulldown-active.gif 104B

extimg

arrowopen.gif 96B

arrowclose.gif 101B

pulldown.gif 64B

pulldown-hover.gif 108B

qreditor.css 3KB

CSS2中文手册.chm 259KB

example

Emp3.html 243B

Emp4.html 174B

Emp12.html 347B

Emp5.html 180B

Emp11.html 162B

Emp10.html 150B

Emp6.html 298B

hitclass.css 74B

Emp9.html 220B

Emp8.html 286B

Emp7.html 229B

Emp1.html 102B

Emp2.html 164B

<HTML> <head> <title>CSS 在线编辑器</title> <link rel="stylesheet" type="text/css" href="qrx/qreditor.css"> <link rel="stylesheet" type="text/css" href="qrx/qrtable.css"> <link rel="stylesheet" type="text/css" href="qrx/qrpulldown.css"> <style type="text/css"> </style> <SCRIPT lang="JavaScript" src="qrx/qrxpcom.js"></SCRIPT> <SCRIPT lang="JavaScript" src="qrx/qrcpicker.js"></SCRIPT> <SCRIPT lang="JavaScript" src="qrx/qrcpulldown.js"></SCRIPT> <SCRIPT lang="JavaScript" src="qrx/qrcspinner.js"></SCRIPT> <script lang="JavaScript"><!-- QrXPCOM.cssToJsMap = new Array; QrXPCOM.cssToJsMap["background"] = "background"; QrXPCOM.cssToJsMap["background-attachment"] = "backgroundAttachment"; QrXPCOM.cssToJsMap["background-color"] = "backgroundColor"; QrXPCOM.cssToJsMap["background-image"] = "backgroundImage"; QrXPCOM.cssToJsMap["background-position"] = "backgroundPosition"; QrXPCOM.cssToJsMap["background-position-x"] = "backgroundPositionX"; QrXPCOM.cssToJsMap["background-position-y"] = "backgroundPositionY"; QrXPCOM.cssToJsMap["background-repeat"] = "backgroundRepeat"; QrXPCOM.cssToJsMap["behavior"] = "behavior"; QrXPCOM.cssToJsMap["border"] = "border"; QrXPCOM.cssToJsMap["border-bottom"] = "borderBottom"; QrXPCOM.cssToJsMap["border-bottom-color"] = "borderBottomColor"; QrXPCOM.cssToJsMap["border-bottom-style"] = "borderBottomStyle"; QrXPCOM.cssToJsMap["border-bottom-width"] = "borderBottomWidth"; QrXPCOM.cssToJsMap["border-color"] = "borderColor"; QrXPCOM.cssToJsMap["border-left"] = "borderLeft"; QrXPCOM.cssToJsMap["border-left-color"] = "borderLeftColor"; QrXPCOM.cssToJsMap["border-left-style"] = "borderLeftStyle"; QrXPCOM.cssToJsMap["border-left-width"] = "borderLeftWidth"; QrXPCOM.cssToJsMap["border-right"] = "borderRight"; QrXPCOM.cssToJsMap["border-right-color"] = "borderRightColor"; QrXPCOM.cssToJsMap["border-right-style"] = "borderRightStyle"; QrXPCOM.cssToJsMap["border-right-width"] = "borderRightWidth"; QrXPCOM.cssToJsMap["border-style"] = "borderStyle"; QrXPCOM.cssToJsMap["border-top"] = "borderTop"; QrXPCOM.cssToJsMap["border-top-color"] = "borderTopColor"; QrXPCOM.cssToJsMap["border-top-style"] = "borderTopStyle"; QrXPCOM.cssToJsMap["border-top-width"] = "borderTopWidth"; QrXPCOM.cssToJsMap["border-width"] = "borderWidth"; QrXPCOM.cssToJsMap["bottom"] = "bottom"; QrXPCOM.cssToJsMap["clear"] = "clear"; QrXPCOM.cssToJsMap["clip"] = "clip"; QrXPCOM.cssToJsMap["color"] = "color"; QrXPCOM.cssToJsMap["cursor"] = "cursor"; QrXPCOM.cssToJsMap["direction"] = "direction"; QrXPCOM.cssToJsMap["display"] = "display"; QrXPCOM.cssToJsMap["filter"] = "filter"; QrXPCOM.cssToJsMap["font"] = "font"; QrXPCOM.cssToJsMap["font-family"] = "fontFamily"; QrXPCOM.cssToJsMap["font-size"] = "fontSize"; QrXPCOM.cssToJsMap["font-style"] = "fontStyle"; QrXPCOM.cssToJsMap["font-variant"] = "fontVariant"; QrXPCOM.cssToJsMap["font-weight"] = "fontWeight"; QrXPCOM.cssToJsMap["height"] = "height"; QrXPCOM.cssToJsMap["layout-flow"] = "layoutFlow"; QrXPCOM.cssToJsMap["layout-grid"] = "layoutGrid"; QrXPCOM.cssToJsMap["layout-grid-char"] = "layoutGridChar"; QrXPCOM.cssToJsMap["layout-grid-line"] = "layoutGridLine"; QrXPCOM.cssToJsMap["layout-grid-mode"] = "layoutGridMode"; QrXPCOM.cssToJsMap["layout-grid-type"] = "layoutGridType"; QrXPCOM.cssToJsMap["left"] = "left"; QrXPCOM.cssToJsMap["letter-spacing"] = "letterSpacing"; QrXPCOM.cssToJsMap["line-break"] = "lineBreak"; QrXPCOM.cssToJsMap["line-height"] = "lineHeight"; QrXPCOM.cssToJsMap["margin"] = "margin"; QrXPCOM.cssToJsMap["margin-bottom"] = "marginBottom"; QrXPCOM.cssToJsMap["margin-left"] = "marginLeft"; QrXPCOM.cssToJsMap["margin-right"] = "marginRight"; QrXPCOM.cssToJsMap["margin-top"] = "marginTop"; QrXPCOM.cssToJsMap["overflow"] = "overflow"; QrXPCOM.cssToJsMap["overflow-x"] = "overflowX"; QrXPCOM.cssToJsMap["overflow-y"] = "overflowY"; QrXPCOM.cssToJsMap["padding"] = "padding"; QrXPCOM.cssToJsMap["padding-bottom"] = "paddingBottom"; QrXPCOM.cssToJsMap["padding-left"] = "paddingLeft"; QrXPCOM.cssToJsMap["padding-right"] = "paddingRight"; QrXPCOM.cssToJsMap["padding-top"] = "paddingTop"; QrXPCOM.cssToJsMap["page-break-after"] = "pageBreakAfter"; QrXPCOM.cssToJsMap["page-break-before"] = "pageBreakBefore"; QrXPCOM.cssToJsMap["position"] = "position"; QrXPCOM.cssToJsMap["right"] = "right"; QrXPCOM.cssToJsMap["scrollbar-3dlight-color"] = "scrollbar3dLightColor"; QrXPCOM.cssToJsMap["scrollbar-arrow-color"] = "scrollbarArrowColor"; QrXPCOM.cssToJsMap["scrollbar-base-color"] = "scrollbarBaseColor"; QrXPCOM.cssToJsMap["scrollbar-darkshadow-color"] = "scrollbarDarkShadowColor"; QrXPCOM.cssToJsMap["scrollbar-face-color"] = "scrollbarFaceColor"; QrXPCOM.cssToJsMap["scrollbar-highlight-color"] = "scrollbarHighlightColor"; QrXPCOM.cssToJsMap["scrollbar-shadow-color"] = "scrollbarShadowColor"; QrXPCOM.cssToJsMap["scrollbar-track-color"] = "scrollbarTrackColor"; QrXPCOM.cssToJsMap["float"] = "styleFloat"; QrXPCOM.cssToJsMap["text-align"] = "textAlign"; QrXPCOM.cssToJsMap["text-align-last"] = "textAlignLast"; QrXPCOM.cssToJsMap["text-autospace"] = "textAutospace"; QrXPCOM.cssToJsMap["text-decoration"] = "textDecoration"; QrXPCOM.cssToJsMap["text-indent"] = "textIndent"; QrXPCOM.cssToJsMap["text-justify"] = "textJustify"; QrXPCOM.cssToJsMap["text-kashida-space"] = "textKashidaSpace"; QrXPCOM.cssToJsMap["text-overflow"] = ""; QrXPCOM.cssToJsMap["text-transform"] = "textTransform"; QrXPCOM.cssToJsMap["text-underline-position"] = "textUnderlinePosition"; QrXPCOM.cssToJsMap["top"] = "top"; QrXPCOM.cssToJsMap["unicode-bidi"] = "unicodeBidi"; QrXPCOM.cssToJsMap["visibility"] = "visibility"; QrXPCOM.cssToJsMap["white-space"] = "whiteSpace"; QrXPCOM.cssToJsMap["width"] = "width"; QrXPCOM.cssToJsMap["word-break"] = "wordBreak"; QrXPCOM.cssToJsMap["word-spacing"] = "wordSpacing"; QrXPCOM.cssToJsMap["word-wrap"] = "wordWrap"; QrXPCOM.cssToJsMap["writing-mode"] = "writingMode"; QrXPCOM.cssToJsMap["z-index"] = "zIndex"; QrXPCOM.cssToJsMap["zoom"] = "zoom"; var connectInstanceMap = new Array; var connectInstanceOverrideMap = new Array; var styles = new Array; function connectCSS(obj, style, override){ connectInstanceMap[style] = obj; connectInstanceOverrideMap[style] = override; obj.onChange = function(value){ setTargetStyle(style, value); } } function connectCSS2(obj,objB, style, override){ connectInstanceMap[style] = new Array; connectInstanceMap[style][0] = obj; connectInstanceMap[style][1] = objB; connectInstanceOverrideMap[style] = override; obj.onChange = function(value){ value = value + objB.get(); setTargetStyle(style, value); } objB.onChange = function(value){ value = obj.get() + value; setTargetStyle(style, value); } } function setTargetStyle(style, value){ try{ document.getElementById("target").style[QrXPCOM.cssToJsMap[style]] = value; document.getElementById("target2").style[QrXPCOM.cssToJsMap[style]] = value; document.getElementById("target3").style[QrXPCOM.cssToJsMap[style]] = value; styles[style] = value; }catch(e){ document.getElementById("target").style[QrXPCOM.cssToJsMap[style]] = ""; document.getElementById("target2").style[QrXPCOM.cssToJsMap[style]] = ""; document.getElementById("target3").style[QrXPCOM.cssToJsMap[style]] = ""; styles[style] = null; } var st; var cssstr = ".someclass {\n"; for(st in styles){ if(styles[st]) cssstr += "\t" + st + " : " + styles[st] + ";\n"; } cssstr += "}\n"; document.getElementById("output").value = cssstr; var divstr = "<DIV style=\""; for(st in styles){ if(styles[st]) divstr += st + ":" + styles[st] + "; "; } divstr += "\">\n\n</DIV>"; document.getElementById("output2").value = divstr; } function collapseSwitch(style){ if(document.getElementById(style).style.

评论收藏

内容反馈