快捷導(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)文章

全面解析Bootstrap中scrollspy（滾動(dòng)監(jiān)聽）的使用方法
這篇文章主要為大家全面解析Bootstrap中scrollspy（滾動(dòng)偵聽）的使用方法，感興趣的小伙伴們可以參考一下
2016-06-06
js動(dòng)態(tài)添加onload、onresize、onscroll事件(另類方法)
window 的 onload、onresize、onscroll 事件，跟其他的事件不一樣，它不能用 attachEvent 或 addEventListener 來(lái)添加于是本人想了一些另類的方法，需要了解的朋友可以參考下
2012-12-12
javascript實(shí)現(xiàn)的簡(jiǎn)單計(jì)時(shí)器
計(jì)時(shí)器提供了一個(gè)可以將代碼片段異步延時(shí)執(zhí)行的能力，javascript生來(lái)是單線程的（在一定時(shí)間范圍內(nèi)僅一部分js代碼能運(yùn)行），計(jì)時(shí)器為我們提供了一種避開這種限制的方法，從而開辟了另一條執(zhí)行代碼的蹊徑。
2015-07-07
詳解微信JS-SDK選擇圖片遇到的坑
這篇文章主要介紹了詳解微信JS-SDK選擇圖片遇到的坑，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
什么是JavaScript注入攻擊?
本文告訴大家什么是js注入，討論防止 ASP.NET MVC 應(yīng)用程序受到 JavaScript 注入攻擊的兩種技術(shù)，感興趣的小伙伴們可以參考一下
2016-09-09
微信小程序獲取手機(jī)號(hào) JavaScript解密示例代碼詳解
這篇文章主要介紹了微信小程序獲取手機(jī)號(hào) JavaScript解密的示例代碼，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-05-05
微信小程序自定義組件
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義組件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
CSS也可以把IE6弄死
2008-04-04
基于javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘效果的相關(guān)資料，動(dòng)態(tài)顯示系統(tǒng)當(dāng)前時(shí)間，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-02-02
codeMirror插件使用講解
codeMirror是一款十分強(qiáng)大的代碼編輯插件，提供了十分豐富的API，最近在項(xiàng)目中用到了這款插件，于是在這里給大家分享下使用方法和心得。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01