快捷導(dǎo)航

javascript實(shí)現(xiàn)的樣式表(CSS) 格式整理與壓縮

更新時(shí)間：2010年05月13日 18:55:25 作者：

javascript實(shí)現(xiàn)的樣式表(CSS) 格式整理與壓縮，可以分為多行與單行，非常不錯(cuò)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>樣式表(CSS) 格式整理與壓縮</title> <style type="text/css"> html,body,form,fieldset,textarea { height:100%; margin:0; padding:0; border:0; font-size:10pt; background:#eee; } form { margin:0 1%; overflow:hidden; } legend { line-height:3em; font-weight:bolder; } button { float:left; margin:1% 1% 0 0; cursor:pointer; } textarea { width:100%; height:20em; border:1px solid #ccc; display:block; background:#fff; } </style> </head> <body> <form action="" onsubmit="return false"><fieldset> <legend>樣式表(CSS) 格式整理與壓縮</legend> <textarea name="" rows="" cols="" id="codeText"> body * { font-size:10pt; }/* ss sda */ p { clear:left; padding:5px 10px; } td , fieldset { padding : 10px ; } textarea { width:90%; height:10em; } </textarea> <button type="button" onclick="$('codeText').value=code.A();">壓縮代碼</button> <button type="button" onclick="$('codeText').value=code.B();">格式(多行)</button> <button type="button" onclick="$('codeText').value=code.C();">格式(單行)</button> <button type="button" onclick="$('codeText').value=code.Z();">還原代碼</button> </fieldset></form>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實(shí)例代碼
這篇文章主要介紹了EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-06-06
JavaScript實(shí)現(xiàn)緩動(dòng)動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)緩動(dòng)動(dòng)畫(huà)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
JavaScript導(dǎo)出Excel實(shí)例詳解
這篇文章主要介紹了JavaScript導(dǎo)出Excel的方法,以實(shí)例形式詳細(xì)分析了javascript將WEB頁(yè)面導(dǎo)出為EXCEL文檔的方法及相關(guān)的技巧說(shuō)明,對(duì)于深入了解javascript編程原理有一定的借鑒價(jià)值,需要的朋友可以參考下
2014-11-11
js如何獲取兄弟、父類(lèi)等節(jié)點(diǎn)
本文為大家介紹下js獲取兄弟、父類(lèi)等節(jié)點(diǎn)的方法，感興趣的朋友可以參考下
2014-01-01
詳解JavaScript堆棧與拷貝
本文主要介紹了JavaScript中的堆棧與拷貝，能更好的幫助你理解JS的內(nèi)存機(jī)制，感興趣的同學(xué)，一定要認(rèn)真看下
2021-06-06
可以用來(lái)調(diào)試JavaScript錯(cuò)誤的解決方案
我們?cè)跁?shū)寫(xiě)js的過(guò)程中，經(jīng)常會(huì)出現(xiàn)一些js錯(cuò)誤，對(duì)于如果找出錯(cuò)誤的解決方法就是關(guān)鍵，下面的文章就是相關(guān)的調(diào)試方法。
2010-08-08
JavaScript?裝飾器模式用法詳解
裝飾器模式（Decorator?Pattern）是一種結(jié)構(gòu)型設(shè)計(jì)模式，它允許動(dòng)態(tài)地向一個(gè)對(duì)象添加新的行為，本文將帶大家詳細(xì)了解一下JavaScript裝飾器模式，文中有相關(guān)的示例代碼供大家參考，感興趣的同學(xué)可以跟著小編一起學(xué)習(xí)
2023-05-05
Uniapp中使用Echarts的詳細(xì)過(guò)程
這篇文章主要介紹了Uniapp中使用Echarts的示例詳解這里只舉例折線(xiàn)圖，介紹了uni-app微信小程序使用echarts的方法,下載echart組件，可以先隨便建個(gè)文件夾，然后 npm init，接著下載依賴(lài)，需要的朋友可以參考下
2022-11-11
經(jīng)驗(yàn)幾則推薦
[紅色]經(jīng)驗(yàn)幾則推薦...
2006-09-09
JS獲取DropDownList的value值與text值的示例代碼
本篇文章主要是對(duì)JS獲取DropDownList的value值與text值的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01