📄 cssedit.php
字号:
echo "CRIPT language=JavaScript type=text/javascript><!--\r\n\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addItem(fontname){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+fontname,fontname);\r\n}\r\naddItem(\"left\");\r\naddItem(\"right\");\r\naddItem(\"none\");\r\nconnectCSS(pl,\"float\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n ";
echo " <TD class=QrCSSDesignerPadLeft>水平排列:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\n\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"left\");\r\naddItem(\"right\");\r\naddItem(\"center\");\r\naddItem(\"justify\");\r\nconnectCSS(pl,\"text-align\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n ";
echo " <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>文本修饰:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"none\");\r\naddItem(\"underline\");\r\naddItem(\"overline\");\r\naddItem(\"underline overline\");\r\naddItem(\"line-through\");\r\naddItem(\"blink\");\r\nconnectCSS(pl,\"text-dec";
echo "oration\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>文本缩进:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent(\"em\");\r\nconnectCSS2(pl,tan,\"text-indent\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>文字间距:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent(\"px\");\r\nconnectCSS2(pl,tan,\"letter-spacing\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>字母间距:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent(\"px\");\r\nconnectCSS2(pl,tan,\"word-spacing\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>文本转换:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"none\");\r\naddItem(\"capitalize\");\r\naddItem(\"lowercase\");\r\naddItem(\"uppercase\");\r\nconnectCSS(pl,\"text-transform\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR";
echo ">\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>垂直排列:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"baseline\");\r\naddItem(\"top\");\r\naddItem(\"middle\");\r\naddItem(\"bottom\");\r\naddItem(\"text-top\");\r\naddItem(\"text-bottom\");\r\naddItem(\"super\");\r\naddItem(\"sub\");\r\na";
echo "ddItem(\"3em\");\r\naddItem(\"30%\");\r\nconnectCSS(pl,\"vertical-align\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD align=middle colSpan=3>\r\n <HR width=\"100%\" color=#a5bac6 SIZE=1>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>背景图片:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"url(images/resize-box.gif)\");\r\nconnectCSS(pl,\"background-image\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrC";
echo "SSDesignerPadLeft>背景拉伸:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"repeat\");\r\naddItem(\"repeat-x\");\r\naddItem(\"repeat-y\");\r\naddItem(\"no-repeat\");\r\nconnectCSS(pl,\"background-repeat\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n ";
echo " <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>背景定位:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"left\");\r\naddItem(\"right\");\r\naddItem(\"top\");\r\naddItem(\"left top\");\r\naddItem(\"right bottom\");\r\naddItem(\"30% 50%\");\r\nconnectCSS(pl,\"background-position\");\r\n\r\n-";
echo "-></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>附加属性:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\n\r\nfunction addItem(item){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+item,item);\r\n}\r\naddItem(\"fixed\");\r\naddItem(\"scroll\");\r\nconnectCSS(pl,\"background-attachment\");\r\n\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD align=middle colSpan=3";
echo ">\r\n <HR width=\"100%\" color=#a5bac6 SIZE=1>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>显示属性:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(fontname){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+fontname,fontname);\r\n}\r\naddItem(\"\");\r\naddItem(\"none\");\r\naddItem(\"block\");\r\naddItem(\"inline\");\r\naddItem(\"run-in\");\r\naddItem(\"compact\");\r\naddItem(\"list-item\");\r\naddItem(\"marker\");";
echo "\r\nconnectCSS(pl,\"display\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>是否可见:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(fontname){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+fontname,fontname);\r\n}\r\naddItem(\"\");\r\naddItem(\"visible\");\r\naddItem(\"hidden\");\r\nconnectCSS(pl,\"visibility\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n ";
echo " <TD class=QrCSSDesignerPadLeft>资源定位:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(fontname){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+fontname,fontname);\r\n}\r\naddItem(\"static\");\r\naddItem(\"relative\");\r\naddItem(\"absolute\");\r\naddItem(\"fixed\");\r\nconnectCSS(pl,\"position\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <T";
echo "R>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>距离顶部:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent(\"px\");\r\nconnectCSS2(pl,tan,\"top\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>距离左边:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent(\"px\");\r\nconnectCSS2(pl,tan,\"left\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>距离右边:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent(\"px\");\r\nconnectCSS2(pl,tan,\"right\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>距离底边:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\n--></SCRIPT>\r\n\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar tan = createTaniComponent(\"px\");\r\nconnectCSS2(pl,tan,\"bottom\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>优先等级:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript><!--\r\nvar pl = new QrSpinner;\r\npl.render();\r\nconnectCSS(pl,\"z-index\");\r\n--></SCRIPT>\r\n </TD></TR>\r\n <TR>\r\n <TD align=middle colSpan=3>\r\n <HR width=\"100%\" color=#a5bac6 SIZE=1>\r\n </TD></TR>\r\n <TR>\r\n <TD></TD>\r\n <TD class=QrCSSDesignerPadLeft>鼠标指针:</TD>\r\n <TD>\r\n ";
echo "<S";
echo "CRIPT language=JavaScript type=text/javascript>\r\n<!--\r\nvar pl = new QrPulldown;\r\npl.render();\r\nfunction addItem(fontname){\r\n\tpl.addItem(\"<img src='images/transparentpixel.gif' style='width:16px;height:16px;' align='middle'/> \"+fontname,fontname);\r\n}\r\naddItem(\"crosshair\");\r\naddItem(\"default\");\r\naddItem(\"hand\");\r\naddItem(\"pointer\");\r\naddItem(\"move\");\r\naddItem(\"text\");\r\naddItem(\"wait\");\r\naddItem(\"help\"";
echo ");\r\naddItem(\"n-resize\");\r\naddItem(\"s-resize\");\r\naddItem(\"w-resize\");\r\naddItem(\"e-resize\");\r\naddItem(\"ne-resize\");\r\naddItem(\"nw-resize\");\r\naddItem(\"se-resize\");\r\naddItem(\"sw-resize\");\r\nconnectCSS(pl,\"cursor\");\r\n-->\r\n</SCRIPT>\r\n </TD></TR></TBODY></TABLE></TD>\r\n <TD class=main vAlign=top>\r\n <DIV style=\"WIDTH: 400px; HEIGHT: 260px\">\r\n <DIV \r\n style=\"PADDING-RIGHT: 20px; PADDING-LEFT";
echo ": 20px; BACKGROUND-IMAGE: url(images/grid.gif); PADDING-BOTTOM: 20px; MARGIN: 20px; WIDTH: 350px; PADDING-TOP: 20px\">\r\n <DIV id=target>CSS 样式在线编辑器<BR><BR>CSS 样式效果即时演示区域。 </DIV></DIV><TEXTAREA id=output style=\"BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; MARGIN: 20px; BORDER-LEFT: gray 1px solid; WIDTH: 400px; BORDER-BOTTOM: gray 1px solid\" rows=7></TEXTAREA><BR></DIV>\r\n ";
echo " <DIV style=\"WIDTH: 400px; HEIGHT: 260px\">\r\n <DIV \r\n style=\"PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/grid.gif); PADDING-BOTTOM: 20px; MARGIN: 20px; WIDTH: 350px; PADDING-TOP: 20px\">\r\n <DIV id=target2>CSS 样式在线编辑器<BR><BR>CSS 样式效果即时演示区域。 </DIV></DIV><TEXTAREA id=output2 style=\"BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; MARGIN: 2";
echo "0px; BORDER-LEFT: gray 1px solid; WIDTH: 400px; BORDER-BOTTOM: gray 1px solid\" rows=7></TEXTAREA><BR></DIV>\r\n <DIV style=\"WIDTH: 400px; HEIGHT: 260px\">\r\n <DIV \r\n style=\"PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/grid.gif); PADDING-BOTTOM: 20px; MARGIN: 20px; WIDTH: 350px; PADDING-TOP: 20px\">\r\n <DIV id=target3>CSS 样式在线编辑器<BR><BR>CSS 样式效果即时演示区域";
echo "。 </DIV></DIV><TEXTAREA id=innerset style=\"BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; MARGIN-TOP: 20px; MARGIN-LEFT: 20px; BORDER-LEFT: gray 1px solid; WIDTH: 400px; MARGIN-RIGHT: 20px; BORDER-BOTTOM: gray 1px solid\" rows=7>请在此输入想要在效果演示中显示的内容,按确认键即可在上面演示区域查看效果。</TEXTAREA><BR>\r\n\r\n\r\n <P align=center><INPUT class=submit onclick=innerset(); type=submi";
echo "t value=确认查看演示效果></P></DIV></TD></TR></TBODY></TABLE>\r\n\r\n</body></html>";
?>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -