《精彩絕倫的css》筆記《一》

jsyzchen 發(fā)布于2019-08-30 12:51 / 1012人閱讀

摘要：精彩絕倫的讀書筆記不同瀏覽器默認(rèn)樣式不同，就需要在開頭重置樣式，最簡(jiǎn)單的方式是通用做法是這樣做的目的是為了讓我們?cè)趯懬氨M量所有的瀏覽器都表現(xiàn)一致

《精彩絕倫的css》讀書筆記：
1、不同瀏覽器默認(rèn)樣式不同，就需要在開頭重置樣式，最簡(jiǎn)單的方式是：*{ margin:0;padding:0} 通用做法是：meyerweb.com/eric/tools/reset; 這樣做的目的是為了讓我們?cè)趯慍SS前盡量所有的瀏覽器都表現(xiàn)一致

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}

GPU云服務(wù)器云服務(wù)器學(xué)習(xí)筆記一精彩活動(dòng) 最精彩精彩文章

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/115111.html

相關(guān)文章

《精彩絕倫的css》筆記《一》

摘要：精彩絕倫的讀書筆記不同瀏覽器默認(rèn)樣式不同，就需要在開頭重置樣式，最簡(jiǎn)單的方式是通用做法是這樣做的目的是為了讓我們?cè)趯懬氨M量所有的瀏覽器都表現(xiàn)一致《精彩絕倫的css》讀書筆記：1、不同瀏覽器默認(rèn)樣式不同，就需要在開頭重置樣式，最簡(jiǎn)單的方式是：*{ margin:0;padding:0} 通用做法是：meyerweb.com/eric/tools/reset; 這樣做的目的是為了讓...

trigkit4 2019-08-01 15:08 評(píng)論0 收藏0
精彩文章賞析 - 收藏集 - 掘金

摘要：掘金原文地址譯文出自掘金翻譯計(jì)劃譯者請(qǐng)持續(xù)關(guān)注中文維護(hù)鏈接獲取最新內(nèi)容。由于以下的瀏覽器市場(chǎng)份額已逐年下降，所以對(duì)于瀏覽器技巧三視覺效果前端掘金揭秘學(xué)習(xí)筆記系列，記錄和分享各種實(shí)用技巧，共同進(jìn)步。沉浸式學(xué) Git - 前端 - 掘金目錄設(shè)置再談設(shè)置創(chuàng)建項(xiàng)目檢查狀態(tài) 做更改暫存更改暫存與提交提交更改更改而非文件歷史別名獲得舊版本給版本打標(biāo)簽撤銷本地更改... ...

godiscoder 2019-08-20 18:09 評(píng)論0 收藏0
精彩文章大合集- 收藏集 - 掘金

摘要：發(fā)布應(yīng)用市場(chǎng)的平臺(tái)搶紅包工具紅包精靈開源啦掘金紅包精靈，如果喜歡，點(diǎn)個(gè)開源不易。作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列，但是因?yàn)槲恼赂咝У拇a編寫技巧總結(jié)前端掘金本文總結(jié)了代碼編寫技巧，來提升你的和代碼。收藏安卓開發(fā)中非常實(shí)用優(yōu)秀的庫(kù)! 有圖有真相! - Android - 掘金本來是打算收藏工具類的,但轉(zhuǎn)念一想,已經(jīng)有這么多優(yōu)秀的庫(kù)了,就沒必要再去重復(fù)造輪子了,便歸納工作中比...

ermaoL 2019-08-29 13:03 評(píng)論0 收藏0
2017-06-30 前端日?qǐng)?bào)

摘要：前端日?qǐng)?bào)精選流式分頁方案探索異步流程控制掘金虛擬內(nèi)部是如何工作的眾成翻譯移動(dòng)端圖片上傳旋轉(zhuǎn)壓縮的解決方案源碼分析整體流程支持中文譯升級(jí)指南掘金第期理解前端現(xiàn)狀答題救不了前端新人掘金進(jìn)階系列文件上傳下載數(shù)組操作大全 2017-06-30 前端日?qǐng)?bào) 精選流式分頁方案探索異步流程控制 - 掘金虛擬DOM內(nèi)部是如何工作的? - 眾成翻譯移動(dòng)端圖片上傳旋轉(zhuǎn)、壓縮的解決方案 · Issue #1...

GHOST_349178 2019-08-20 17:38 評(píng)論0 收藏0
聽天貓工程師講面向高清的前端開發(fā)

摘要：為何要面向高清據(jù)介紹，天貓移動(dòng)端訪問中，有八成以上的用戶使用高清屏。特別是對(duì)于圖片很多的頁面比如商品圖片眾多的天貓首頁。今天下午杭州GDG舉辦了谷歌 Women Techmakers活動(dòng)，不少杭州的程序媛前來參加，論技術(shù)、聊藝術(shù)、談人生。其中天貓前端工程師@Doris_fhy分享了《跨終端頁面展現(xiàn) 高清化的解決方案》（YouTube），非常精彩。這里是一篇聽講筆記，和大家共享一下。 ...

young.li 2019-08-28 17:53 評(píng)論0 收藏0