【css】通配符選擇器&清除瀏覽器默認樣式

寫法：*{}

創(chuàng)新互聯(lián)公司自成立以來，一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設計、成都網(wǎng)站設計、成都網(wǎng)站制作、電子商務、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個性化軟件開發(fā)等基于互聯(lián)網(wǎng)的全面整合營銷服務。公司擁有豐富的網(wǎng)站建設和互聯(lián)網(wǎng)應用系統(tǒng)開發(fā)管理經(jīng)驗、成熟的應用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開發(fā)工程師團隊及專業(yè)的網(wǎng)站設計師團隊。

星號即為通配符選擇器，寫在其中的樣式會應用頁面到所有的元素中，所以使用的頻率并不高，主要用于清除瀏覽器默認樣式。

在使用各種元素的過程中，我們會發(fā)現(xiàn)很多元素都是有默認樣式的，比如body標簽有默認的padding值和margin值，h1和p標簽有默認的行高字號，margin值，a標簽有默認的下劃線，列表前面有小圓點等等，常常會干擾我們進行頁面的編寫，所以我們可以事先使用通配符選擇器進行瀏覽器默認樣式清除。

更精準的清除方法

剛剛我們使用的通配符選擇器，會給所有元素都設置一遍默認樣式，解析的工作量會比較大，所以我們可以根據(jù)我的頁面里到底有哪些元素需要清除，使用群組選擇器寫出更精確的清除默認樣式css，如：

可以把它寫入一個外部樣式表reset.css，如果需要清除直接導入就可以啦。

1、清除在編寫頁面中由于瀏覽器默認樣式帶來的干擾。

2、兼容性更好，不同瀏覽器的默認樣式可能會有所不同，如果不清楚可能會造成我們編寫的頁面在不同瀏覽器上的效果有所出入。

選擇器部分文章：

選擇器介紹（一）標簽選擇器、id選擇器、類選擇器

選擇器介紹（二）后代選擇器，子代選擇器，交集選擇器，并集（群組）選擇器

通配符選擇器清除瀏覽器默認樣式

無用的css樣式怎么去清除

寫網(wǎng)頁的時候CSS樣式一般是先把沒用的清楚掉的，比如自帶的邊框 margin ?padding等等，

你需要把所有的標簽基本都得清除一遍，不然后期寫網(wǎng)頁的時候有的小細節(jié)問題很難排查出來

HTML/javascript 文本 清除 CSS 樣式 代碼 等標簽 如何編寫

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設置padding:0;margin:0;list-style:none；

padding:0 —— 設置內(nèi)補白（對象內(nèi)間距）為0

margin:0 —— 設置對象外間距為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