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

trigkit4 發(fā)布于2019-08-01 15:08 / 2549人閱讀

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

《精彩絕倫的css》讀書筆記：
1、不同瀏覽器默認樣式不同，就需要在開頭重置樣式，最簡單的方式是：*{ margin:0;padding:0} 通用做法是：meyerweb.com/eric/tools/reset; 這樣做的目的是為了讓我們在寫CSS前盡量所有的瀏覽器都表現(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云服務器云服務器學習筆記一精彩活動最精彩精彩文章

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/49783.html

相關(guān)文章

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

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

jsyzchen 2019-08-30 12:51 評論0 收藏0
精彩文章賞析 - 收藏集 - 掘金

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

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

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

ermaoL 2019-08-29 13:03 評論0 收藏0
2017-06-30 前端日報

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

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

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

young.li 2019-08-28 17:53 評論0 收藏0