瀏覽器的默認(rèn)樣式

body

margin:10px; // 重置 margin:0; (瀏覽器不同間距可能不相同)

h1-h6 標(biāo)題

margin:(不同);  // 重置 margin:0;
font-size:(不同); 
font-weight:bold;  // 重置 font-weight:normal;

a

text-decoration:underline;  // 重置 text-decoration: none;
color:#00E;  //重置 color:#f60; (根據(jù)需要修改顏色)

b

font-weight:bold;  // 重置 font-weight:normal;

i

font-style:italic;  // 重置 font-style:normal;

button

background-color:#F0F0F0; // 根據(jù)需要修改顏色
border:3px outset; // 重置 border:none; 

dd

margin:0 0 0 40px; // 重置 margin:0;

dl

margin:1em 0; // 重置 margin:0;

ol

padding:0 0 0 30pt; // 重置 padding:0;

li

 list-style-type: disc; // 重置  list-style: none;

em

font-style:italic; // 重置 font-style:normal;

del

text-decoration:line-through; // 重置 text-decoration: none;

input

border:2px inset; // 重置 border:none; 

以上列了一些常用的標(biāo)簽瀏覽器默認(rèn)樣式,瀏覽器不同翅阵,標(biāo)簽樣式也會不同伶唯,所以需要重置瀏覽器樣式,使頁面在不同瀏覽器下都能有相同的效果贴唇。下面貼一下平時用的頁面重置樣式稚失。

注意:重置樣式需要寫在樣式文件的最上面栋艳,當(dāng)通過公共樣式文件引用時,也需要第一個引用它句各,然后再引其它樣式

@charset "UTF-8";
html {
  min-height: 100%;
  font-family: "Microsoft YaHei", sans-serif; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p, blockquote, th, td, address {
  padding: 0;
  margin: 0;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none; }

img, input, select {
  border: 0;
  vertical-align: middle; }

ul, ol {
  list-style: none outside none; }

a, div, select {
  -webkit-tap-highlight-color: transparent; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ""; }

.clearfix:after {
  clear: both; }

::-webkit-inner-spin-button {
  -webkit-appearance: none; }

a, a:link, a:visited, a:focus {
  text-decoration: none; }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吸占,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子凿宾,更是在濱河造成了極大的恐慌矾屯,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件初厚,死亡現(xiàn)場離奇詭異件蚕,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)产禾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進(jìn)店門排作,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人亚情,你說我怎么就攤上這事妄痪。” “怎么了势似?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長僧著。 經(jīng)常有香客問我履因,道長,這世上最難降的妖魔是什么盹愚? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任栅迄,我火速辦了婚禮,結(jié)果婚禮上皆怕,老公的妹妹穿的比我還像新娘毅舆。我一直安慰自己,他們只是感情好愈腾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布憋活。 她就那樣靜靜地躺著,像睡著了一般虱黄。 火紅的嫁衣襯著肌膚如雪悦即。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天,我揣著相機(jī)與錄音辜梳,去河邊找鬼粱甫。 笑死,一個胖子當(dāng)著我的面吹牛作瞄,可吹牛的內(nèi)容都是我干的茶宵。 我是一名探鬼主播,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼宗挥,長吁一口氣:“原來是場噩夢啊……” “哼乌庶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起属韧,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤安拟,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后宵喂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體糠赦,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年锅棕,在試婚紗的時候發(fā)現(xiàn)自己被綠了拙泽。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,981評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡裸燎,死狀恐怖顾瞻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情德绿,我是刑警寧澤荷荤,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站移稳,受9級特大地震影響蕴纳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜个粱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一古毛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧都许,春花似錦稻薇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至睛低,卻和暖如春忱屑,著一層夾襖步出監(jiān)牢的瞬間蹬敲,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工莺戒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留伴嗡,地道東北人。 一個月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓从铲,卻偏偏與公主長得像瘪校,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子名段,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案阱扬? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評論 1 92
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過伸辟?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評論 0 8
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,555評論 32 459
  • Bootstrap是什么麻惶? 一套易用、優(yōu)雅信夫、靈活窃蹋、可擴(kuò)展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 10,874評論 3 184
  • 銜接上一篇61:公主驟然改前顏 245 傅青巖看了看垂首的男子静稻,便走上前去跟在嬋娟公主后面警没,心里一陣的緊張,主...
    幽小窗閱讀 461評論 11 19