css Reset程式碼分享
css的Reset重置,即重設瀏覽器的樣式。
在各種瀏覽器中,都會對CSS的選擇器預設一些數值,譬如當h1沒有被設定數值時,顯示一定大小。但並不是所有的瀏覽器都使用一樣的數值,所以,有了CSS Reset,以讓網頁的樣式在各瀏覽器中表現一致。
如果頁面簡單的話,我們可以只是使用簡單的重置,程式碼如下:
[CSS] 純文字檢視 複製程式碼* { padding: 0; margin: 0; border: 0; }
雖然上面的方式雖然很強大,也可以讓我們少些很多程式碼,其實非常的浪費資源,因為*這個萬用字元火力太強了,要匹配到頁面中的每一個元素,下面就分享一個比較好的css reset程式碼:
[CSS] 純文字檢視 複製程式碼body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table{ border-collapse: collapse; border-spacing: 0; } fieldset,img{ border: 0; } address,caption,cite,code,dfn,em,strong,th,var{ font-weight: normal; font-style: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; }
相關文章
- 一些大廠的css reset 程式碼CSS
- 用於移動端的css重置reset程式碼CSS
- css resetCSS
- css-resetCSS
- css 填坑常用程式碼分享CSS
- CSS-reset&規範CSS
- 關於CSS Reset那些事(2):Normalize.css 原始碼解讀CSSORM原始碼
- CSS初始化-KISSY CSS Reset 1.0CSS
- 最簡單的css resetCSS
- CSS3 counter-resetCSSS3
- 現代 CSS 解決方案:Modern CSS ResetCSS
- 關於樣式重置 css resetCSS
- css reset樣式初始化CSS
- 有趣的CSS題目(11):reset.css 知多少?CSS
- 好程式設計師web前端分享css初始化程式碼程式設計師Web前端CSS
- 關於CSS Reset那些事(3):架構CSS基礎庫CSS架構
- 關於CSS Reset 那些事(三)之 Normalize-zh.css 出爐CSSORM
- css程式碼整理CSS
- 分享個程式碼
- 關於CSS Reset那些事(1):歷史演變與Normalize.cssCSSORM
- 分享常用的CSS函式,助你寫出更簡潔的程式碼CSS函式
- CSS jquery圓角帶陰影的導航選單程式碼分享CSSjQuery
- 移動端開發reset.css(可用normalize替代)CSSORM
- [草稿] CSS Reset 中應該處理那些元素呢?CSS
- 關於CSS Reset 那些事(一)之 歷史演變與Normalize.cssCSSORM
- 組織css程式碼CSS
- CSS顏色程式碼CSS
- CSS程式碼註釋CSS
- css程式碼規範CSS
- 目前比較全的CSS重設(reset)方法總結CSS
- warning:reset()[function.reset]:passedvariableisnotanarrayorobjectFunctionObject
- CSS程式碼段-scss mixinCSS
- CSS 程式碼格式規範CSS
- CSS div居中效果程式碼CSS
- CSS程式碼片段【圖文】CSS
- css多背景圖,程式碼CSS
- css梯形程式碼例項CSS
- yahoo的css重置程式碼CSS