重置還是不重置 這是CSS問題

2021-10-05 14:14:19 字數 1710 閱讀 2408

每個web瀏覽器都使用基本樣式表。 當您不提供自定義css時,它可以確保html呈現得相當好。 您知道這種情況:藍色表示未訪問的鏈結,紫色表示已訪問的鏈結,粗體表示strong標籤,h1標題表示較大的文字等。不幸的是,**商喜歡使我們的生活變得複雜,每個瀏覽器使用不同的基礎。 那麼,如何確保自定義css不受特定裝置上實現的預設樣式的影響?

輸入css重置。 這些去除大多數樣式,因此元素在瀏覽器中始終呈現。 通常,所有字型和行高都恢復為100%,頁邊距和填充設定為0px,邊框被刪除,有序/無序列表變為未樣式。

埃里克·邁耶(eric meyer)的css重置是最早的css重置之一,並且是最著名和最常用的。 html5 doctor的html5重置樣式表還可以幫助設定較新的元素。 還有其他幾個-cssreset.com提供了很多選擇和文件。

他們提供一塊空白的畫布; 應用的任何樣式(幾乎)肯定是您自己的。

開發可能更合乎邏輯:您要新增樣式,而不是刪除或修改樣式。

瀏覽器相容性問題可以最小化。

儘管有這些優點,但我不使用css重置。 實際上,這不是很正確-我經常使用基本邊距和填充重置,因為預設值很少有用:

*
這會影響每個標籤,一些開發人員會告訴您這會造成嚴重破壞或css處理速度變慢。 我還沒有遇到過麻煩的情況。

我的css重置主要問題是:

附加頁面重量

大多數css重置會增加大約2kb的**(未壓縮)。 聽起來可能不多,但是當我的大多數css檔案很少超過10kb時,這是很大的開銷。

額外的努力

css重置要求您重新設定所有元素的樣式-這會進一步增加檔案的重量。 不過有時候,我對瀏覽器的預設設定感到滿意。 字型粗細,行高,鏈結輪廓,專案符號光碟和其他樣式通常都很好。 如果不是,我將對其進行相應的更改。

不同的瀏覽器呈現頁面的方式不同

沒有兩個瀏覽器是相同的,但是有些人期望所有裝置上的畫素完美呈現。 css重置通常給人以實現此目標的印象。 不是。

就個人而言,我不介意firefox中的標題是否比ie大2畫素,或者opera的「粗體」概念比chrome略重。 css重置永遠不會為您解決這些問題。

他們不會否定瀏覽器測試的需要

我不認為css重置有助於提高瀏覽器的一致性。 您必須在盡可能多的裝置中測試站點或應用程式,以便解決由**或瀏覽器引起的錯誤和錯誤。

它們不適合我的工作流程

我不喜歡css框架。 我很少遇到將通用css方法應用於正在構建的**的情況。 我可能會從其他地方複製一些**片段,但總的來說,我更喜歡從乙個空檔案開始。 它仍然是我的**,當出現錯誤時,我確切地知道應該去**。

儘管不那麼複雜,但是css重置是乙個框架,可以引入意外的結果。

他們不節省時間

css重置曾經節省您數小時的開發時間嗎?

在遭受憤怒的css重置粉絲暴動之前,我並不是說您永遠不要使用它們。 他們可能會為您工作,這很好。 我懷疑它們對web開發新手也有用。 但是,您是否要新增css重置是因為它真正有用,還是已經成為一種開發習慣?

作為測試,請嘗試從您的**中刪除重置樣式,以檢視是否有很大的不同。

您是否使用css重置? 您最近是否採用或放棄了這種做法? 他們有幫助嗎?

from:

css樣式重置

作為一名切圖仔,經常會遇到頭疼的各大瀏覽器相容性問題,確切的說是相容它們 預設 的css樣式表。重置樣式成為我們為我們的網頁梳妝打扮的第一步,也是關鍵性的一步。以前我這樣重置樣式 body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,u...

css樣式重置

1.缺點 稍微影響效能 優點 不用考慮哪些標籤有預設樣式ula 取消連線下劃線 img問題現象 內容跟容器底部出現縫隙 內聯元素的對齊方式是按照文字基線對齊的,而不是文字底線對齊的 2.寫具體頁面的時候或乙個布局效果的時候 1.寫結構 2.css重置樣式 3.寫具體樣式 3.浮動 概念 脫離文件流,...

css的重置樣式

當我們在為多個瀏覽器寫css樣式的時候,因為不同的瀏覽對盒子模型的解析不一樣。所以要實現同乙個效果不得不對 每個瀏覽器寫不同的樣式。造成了前台頁面設計師工作量的大增。想要解決這類問題,就是把它們解析的例子模型不同的元素 的樣式都重置,padding 或者margin都寫成0。那樣我們再來寫的時候,不...