審查元素或搜索替換找到每個class,一個個刪除唄....
成都創(chuàng)新互聯(lián)是一家專業(yè)提供蘭陵企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、網(wǎng)站制作、html5、小程序制作等業(yè)務(wù)。10年已為蘭陵眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進行中。
或者style寫在行內(nèi)樣式,優(yōu)先級會首先采用行內(nèi)的樣式。
刪除多余的css,首先我們需要明確是,確實不需要這個css樣式了,或者是這個css的樣式重復了,我們才會去刪除,刪除的方法就是找到多余的css代碼的位置,然后在選中用del刪除就行了,具體看代碼:
html
head
style
.div1{
width:600px;
height:200px;
font-size:13px;
border:1px solid #f00;
}
.div p{
font-size13px; //這條就是多余的,因為在它的父級元素中設(shè)置了,可以刪除
}
/head
body
div class='div1'
p我是測試文字/p
/div
/body
/html
1./?font[^]* 這個只卻掉font標簽的, 保留除font以外的所有標簽, 如imgp等等. 同樣的你需要去掉其他標簽, 只需要將里面的font換你要去掉的;
2./?[^/?(img)|(p)][^]* 這個保留(這里我寫的保留了img, p這兩個標簽)你指定的標簽,其他的(包括font)全去掉, 如果你還有其他的標簽想保留, 直接在里面加一個 |(xxx);
3./?[a-zA-Z]+[^]* 這個表達式可以去掉所有HTML的標簽;
4.JAVA代碼可以這樣寫:
public static String delTagsFContent(String content){
String patternTag = "/?[a-zA-Z]+[^]*";
String patternBlank = "(^\\s*)|(\\s*$)";
return content.replaceAll(patternTag, "").replaceAll(patternBlank, "");
}
清除所有默認樣式的css代碼:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
初始化代碼(清除CSS代碼):
ul,li{ padding:0;margin:0;list-style:none}
解析清除ul li樣式代碼:
相等于分別對ul和li設(shè)置padding:0;margin:0;list-style:none;
padding:0 —— 設(shè)置內(nèi)補白(對象內(nèi)間距)為0
margin:0 —— 設(shè)置對象外間距為0
list-style:none —— 去除自帶無序圓點
HTML/javascript
引用外部文件中的js腳本,
script type="text/javascript" src="ext.js"/script也可以象下面這樣寫,language不是必要的,但是推薦上面的寫法;
script language="javascript" type="text/javascript" src="ext.js"/script
頁面內(nèi)引用:
script type="text/javascript"http://![CDATA[var x = 0;function fn(args) {?//...}?//]]/script加上“//![CDATA[” 和 “//]]”是為了兼容XHTML,是推薦的寫法,HTML時代一般用“!--”和“//--”
在一些HTML控件的事件屬性中使用(一般事件為onxxx,如onmouseover,onclick,onchange)
body onload="alert('loaded');"input type="text" name="username" onclick="alert(this.value);" /在一些HTML控件的非事件屬性中使用(注意:一定要加javascript:)
a href="javascript:void(0);" onclick="alert(this.innerText);"my blog:;/a
寫網(wǎng)頁的時候CSS樣式一般是先把沒用的清楚掉的,比如自帶的邊框 margin ?padding等等,
你需要把所有的標簽基本都得清除一遍,不然后期寫網(wǎng)頁的時候有的小細節(jié)問題很難排查出來
火狐的 CSS Usage 擴展是專門干這個的。用法是開啟 AutoScan 選項,手動翻看盡量多的頁面,手動觸發(fā)顯示盡量多的元素,以讓盡量多的規(guī)則起作用,然后就可以導出干凈的 CSS 了。
寫好的css最好還是盡量少刪啦,因為可能現(xiàn)在沒起作用,在某一塊沒起作用,但是說不定以后能起作用,在別的地方能有用。在現(xiàn)在越來越強調(diào)代碼重用的環(huán)境下,我們只能在編碼初期就把代碼整體架構(gòu)給打好。比如說選擇一個好的樣式重置,科學的浮動清除方式等等都是至關(guān)重要的。所以我覺得與其想辦法刪除一些多余的css,倒不如把心思花在前期工作和css代碼的錘煉上,畢竟事先解決比事后解決還是好一些的嘛。
寫好的css最好還是盡量少刪啦,因為可能現(xiàn)在沒起作用,在某一塊沒起作用,但是說不定以后能起作用,在別的地方能有用。在現(xiàn)在越來越強調(diào)代碼重用的環(huán)境下,我們只能在編碼初期就把代碼整體架構(gòu)給打好。比如說選擇一個好的樣式重置,科學的浮動清除方式等等都是至關(guān)重要的。所以我覺得與其想辦法刪除一些多余的css,倒不如把心思花在前期工作和css代碼的錘煉上,畢竟事先解決比事后解決還是好一些的嘛。