網(wǎng)站建設(shè)時(shí)怎樣用CSS強(qiáng)制刪除瀏覽器默認(rèn)樣式

2022-05-22 分類：網(wǎng)站建設(shè)

但凡了解些網(wǎng)站建設(shè)知識(shí)，就會(huì)知道所有Web瀏覽器都包含所謂的“默認(rèn)樣式”，這些樣式在沒(méi)有任何其他樣式信息的情況下指示HTML元素的外觀。例如，在幾乎每個(gè)瀏覽器中，超鏈接的默認(rèn)外觀都是帶下劃線的亮藍(lán)色。這就是這些鏈接的外觀，除非您告訴它們以不同的方式顯示。默認(rèn)的瀏覽器樣式可能很有幫助，但在許多情況下，網(wǎng)站建設(shè)人員希望刪除這些樣式，以便他們可以從他們100%控制的樣式重新開始。這需要使用CSS樣式表來(lái)完成，網(wǎng)站建設(shè)時(shí)怎樣用CSS強(qiáng)制刪除瀏覽器默認(rèn)樣式呢？CSS樣式表應(yīng)該是所有文檔中調(diào)用的第一個(gè)樣式表，您可以使用主樣式表清除在跨瀏覽器網(wǎng)站設(shè)計(jì)中可能導(dǎo)致問(wèn)題的默認(rèn)瀏覽器設(shè)置。

全局默認(rèn)值

您的主樣式表應(yīng)該從調(diào)整頁(yè)面的頁(yè)邊距、邊距和邊框開始。某些Web瀏覽器將文檔體默認(rèn)設(shè)置為從瀏覽器窗格邊緣縮進(jìn)的1或2個(gè)像素。這將確保它們都顯示相同的內(nèi)容。您還希望使字體保持一致。請(qǐng)確保還將字體大小設(shè)置為100%或1em，以便您的頁(yè)面可以訪問(wèn)，但大小仍保持一致。一定要包括線高。

標(biāo)題格式

標(biāo)題或標(biāo)題標(biāo)簽(H1、H2、H3等)通常默認(rèn)為帶有較大邊距或周圍填充的粗體文本。通過(guò)清除“權(quán)重”、“邊距”和“填充”，可以確保這些標(biāo)記仍然比其周圍的文本更大(或更小)，而不會(huì)有額外的樣式。您可能想要考慮設(shè)置特定的大小、字母間距和標(biāo)題標(biāo)記，但這實(shí)際上取決于您正在設(shè)計(jì)的站點(diǎn)的樣式，應(yīng)該將其排除在主樣式表之外。您可以根據(jù)特定設(shè)計(jì)的需要向這些標(biāo)題添加更多樣式。

純文本格式

除了標(biāo)題之外，還應(yīng)該清除其他文本標(biāo)記。人們經(jīng)常忘記的一組是表格單元標(biāo)記(TH和TD)和表單標(biāo)簽(SELECT、TEXTAREA和INPUT)。如果您沒(méi)有將它們?cè)O(shè)置為與您的正文和段落文本相同的大小，您可能會(huì)對(duì)瀏覽器呈現(xiàn)它們的方式感到不愉快。

給你的報(bào)價(jià)(大段引語(yǔ)和Q)、首字母縮略語(yǔ)和縮略語(yǔ)加上一點(diǎn)額外的風(fēng)格也很好，這樣它們就更引人注目了。

鏈接和圖像

鏈接很容易管理，并從前面提到的亮藍(lán)色下劃線文本進(jìn)行更改。我們希望我們的鏈接始終保持下劃線，但如果你喜歡一種不同的方式，你可以單獨(dú)設(shè)置這些選項(xiàng)。我們也不包括顏色在主樣式表，因?yàn)檫@取決于設(shè)計(jì)。對(duì)于圖像，關(guān)閉邊界是很重要的。雖然大多數(shù)瀏覽器不會(huì)在普通圖像周圍顯示邊框，但當(dāng)圖像鏈接時(shí)，瀏覽器會(huì)打開該邊框。

表格

雖然表格不再用于布局目的，但您的站點(diǎn)仍可能將它們用于實(shí)際的表格式數(shù)據(jù)。這是HTML表的一個(gè)很好的用法。我們已經(jīng)確保您的表格單元格的默認(rèn)文本大小是相同的，但是您還應(yīng)該設(shè)置其他一些樣式，以便您的表格保持不變：

表單

與其他元素一樣，您應(yīng)該清除表格周圍的邊距和擋板。我們喜歡做的另一件事是將表單標(biāo)記重寫為“內(nèi)聯(lián)”，這樣就不會(huì)在代碼中放置標(biāo)記的地方添加額外的空間。與其他文本元素一樣，我們定義了上面SELECT、TextArea和Input的字體信息，使其與文本的其余部分相同。更改標(biāo)簽的光標(biāo)也是一個(gè)好主意，這有助于人們?cè)趩螕魳?biāo)簽時(shí)看到標(biāo)簽將會(huì)執(zhí)行某些操作。

公共類

對(duì)于主樣式表的這一部分，您應(yīng)該定義對(duì)您有意義的類。這些是我們最常用的一些類。請(qǐng)注意，它們沒(méi)有設(shè)置為任何特定的元素，因此可以將它們分配給所需的任何元素。

請(qǐng)記住，因?yàn)檫@些類是在任何其他樣式之前編寫的，而且它們只是類，所以很容易用級(jí)聯(lián)中稍后出現(xiàn)的更具體的樣式屬性來(lái)重寫它們。如果您發(fā)現(xiàn)在一個(gè)元素上設(shè)置了一個(gè)公共類，但它沒(méi)有生效，那么您應(yīng)該檢查一下，以確保在以后的樣式表中沒(méi)有其他樣式影響到同一個(gè)元素。

文章題目：網(wǎng)站建設(shè)時(shí)怎樣用CSS強(qiáng)制刪除瀏覽器默認(rèn)樣式
鏈接地址：http://www.bm7419.com/news/156288.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容