網(wǎng)站建設時怎樣用CSS強制刪除瀏覽器默認樣式
2022-05-22 分類： 網(wǎng)站建設
但凡了解些網(wǎng)站建設知識，就會知道所有Web瀏覽器都包含所謂的“默認樣式”，這些樣式在沒有任何其他樣式信息的情況下指示HTML元素的外觀。例如，在幾乎每個瀏覽器中，超鏈接的默認外觀都是帶下劃線的亮藍色。這就是這些鏈接的外觀，除非您告訴它們以不同的方式顯示。默認的瀏覽器樣式可能很有幫助，但在許多情況下，網(wǎng)站建設人員希望刪除這些樣式，以便他們可以從他們100%控制的樣式重新開始。這需要使用CSS樣式表來完成，網(wǎng)站建設時怎樣用CSS強制刪除瀏覽器默認樣式呢？CSS樣式表應該是所有文檔中調用的第一個樣式表，您可以使用主樣式表清除在跨瀏覽器網(wǎng)站設計中可能導致問題的默認瀏覽器設置。
全局默認值
您的主樣式表應該從調整頁面的頁邊距、邊距和邊框開始。某些Web瀏覽器將文檔體默認設置為從瀏覽器窗格邊緣縮進的1或2個像素。這將確保它們都顯示相同的內容。您還希望使字體保持一致。請確保還將字體大小設置為100%或1em，以便您的頁面可以訪問，但大小仍保持一致。一定要包括線高。
標題格式
標題或標題標簽(H1、H2、H3等)通常默認為帶有較大邊距或周圍填充的粗體文本。通過清除“權重”、“邊距”和“填充”，可以確保這些標記仍然比其周圍的文本更大(或更小)，而不會有額外的樣式。您可能想要考慮設置特定的大小、字母間距和標題標記，但這實際上取決于您正在設計的站點的樣式，應該將其排除在主樣式表之外。您可以根據(jù)特定設計的需要向這些標題添加更多樣式。
純文本格式
除了標題之外，還應該清除其他文本標記。人們經(jīng)常忘記的一組是表格單元標記(TH和TD)和表單標簽(SELECT、TEXTAREA和INPUT)。如果您沒有將它們設置為與您的正文和段落文本相同的大小，您可能會對瀏覽器呈現(xiàn)它們的方式感到不愉快。
給你的報價(大段引語和Q)、首字母縮略語和縮略語加上一點額外的風格也很好，這樣它們就更引人注目了。
鏈接和圖像
鏈接很容易管理，并從前面提到的亮藍色下劃線文本進行更改。我們希望我們的鏈接始終保持下劃線，但如果你喜歡一種不同的方式，你可以單獨設置這些選項。我們也不包括顏色在主樣式表，因為這取決于設計。對于圖像，關閉邊界是很重要的。雖然大多數(shù)瀏覽器不會在普通圖像周圍顯示邊框，但當圖像鏈接時，瀏覽器會打開該邊框。
表格
雖然表格不再用于布局目的，但您的站點仍可能將它們用于實際的表格式數(shù)據(jù)。這是HTML表的一個很好的用法。我們已經(jīng)確保您的表格單元格的默認文本大小是相同的，但是您還應該設置其他一些樣式，以便您的表格保持不變：
表單
與其他元素一樣，您應該清除表格周圍的邊距和擋板。我們喜歡做的另一件事是將表單標記重寫為“內聯(lián)”，這樣就不會在代碼中放置標記的地方添加額外的空間。與其他文本元素一樣，我們定義了上面SELECT、TextArea和Input的字體信息，使其與文本的其余部分相同。更改標簽的光標也是一個好主意，這有助于人們在單擊標簽時看到標簽將會執(zhí)行某些操作。
公共類
對于主樣式表的這一部分，您應該定義對您有意義的類。這些是我們最常用的一些類。請注意，它們沒有設置為任何特定的元素，因此可以將它們分配給所需的任何元素。
請記住，因為這些類是在任何其他樣式之前編寫的，而且它們只是類，所以很容易用級聯(lián)中稍后出現(xiàn)的更具體的樣式屬性來重寫它們。如果您發(fā)現(xiàn)在一個元素上設置了一個公共類，但它沒有生效，那么您應該檢查一下，以確保在以后的樣式表中沒有其他樣式影響到同一個元素。
文章題目：網(wǎng)站建設時怎樣用CSS強制刪除瀏覽器默認樣式
鏈接地址：http://chinadenli.net/news/156288.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站建設等
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 手機網(wǎng)站建設需要注意的5個要點 2022-05-22
- 深圳網(wǎng)站建設SEO優(yōu)化4大技巧介紹 2022-05-22
- 網(wǎng)站建設：什么樣的網(wǎng)頁設計更吸引人？ 2022-05-22
- 成都網(wǎng)站建設如何建設一個實用性強的網(wǎng)站 2022-05-22
- 優(yōu)秀的網(wǎng)站建設銷售取勝的關鍵在于八小時之外 2022-05-22
- 廣州網(wǎng)站建設的七十六個用戶體驗點 2022-05-22
- 深圳網(wǎng)站建設公司教你如何做App運營推廣計劃 2022-05-22
- 分三步從根本上解決網(wǎng)站建設及運行中的惡意篡改問題 2022-05-22
- 這些企業(yè)網(wǎng)站建設的要素你一定要知道 2022-05-22
- 網(wǎng)站建設方案不是形式而是挑選服務商的重要參考 2022-05-22
- 網(wǎng)站建設之初識HTML標簽-格式及含義 2022-05-22
- 企業(yè)網(wǎng)站建設選擇域名有何技巧 2022-05-22
- 掌握基本技巧后簡單的公司網(wǎng)站建設自己也可以制作 2022-05-22
- 南陽本地品牌網(wǎng)站建設的幾個特點 2022-05-22
- 既能突出重點又能風格統(tǒng)一是高端網(wǎng)站建設必需要素 2022-05-22
- 佛山網(wǎng)站建設一定要有的四大原則 2022-05-22
- 網(wǎng)站建設時做好產品欄目的關鍵是用戶思維至上 2022-05-22
- 為什么有的企業(yè)網(wǎng)站建設開發(fā)過程坎坷不能如期完成？ 2022-05-22
- 營銷型網(wǎng)站建設對企業(yè)的好處有哪些? 2022-05-22