網站建設時怎樣用CSS強制刪除瀏覽器默認樣式

2022-05-22 分類：網站建設

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

全局默認值

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

標題格式

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

純文本格式

除了標題之外，還應該清除其他文本標記。人們經常忘記的一組是表格單元標記(TH和TD)和表單標簽(SELECT、TEXTAREA和INPUT)。如果您沒有將它們設置為與您的正文和段落文本相同的大小，您可能會對瀏覽器呈現它們的方式感到不愉快。

給你的報價(大段引語和Q)、首字母縮略語和縮略語加上一點額外的風格也很好，這樣它們就更引人注目了。

鏈接和圖像

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

表格

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

表單

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

公共類

對于主樣式表的這一部分，您應該定義對您有意義的類。這些是我們最常用的一些類。請注意，它們沒有設置為任何特定的元素，因此可以將它們分配給所需的任何元素。

請記住，因為這些類是在任何其他樣式之前編寫的，而且它們只是類，所以很容易用級聯中稍后出現的更具體的樣式屬性來重寫它們。如果您發現在一個元素上設置了一個公共類，但它沒有生效，那么您應該檢查一下，以確保在以后的樣式表中沒有其他樣式影響到同一個元素。

文章題目：網站建設時怎樣用CSS強制刪除瀏覽器默認樣式
鏈接地址：http://m.2m8n56k.cn/news/156288.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

網站建設時怎樣用CSS強制刪除瀏覽器默認樣式