每個css開始時應該寫些什麼？

-1

你好，我剛開始使用CSS和我看到人們在視頻和這樣已經編寫CSS代碼他們寫的代碼像一個單一的前行：每個css開始時應該寫些什麼？

body { 
    padding:0; 
    margin:0; 
}

這就像他們寫的像一個非常簡單的例子body，div，table..etc就像a：active和類似的東西，但是就像真的很長的代碼一樣，它們甚至會添加一個選定的屬性，所以當你選擇頁面上的任何單詞時，背景和顏色的變化我知道這取決於一個開發人員或其他人，但是有一個非常基本的代碼片段，我可以從頭開始？

來源

2015-03-03 La3eb

看看[CSS reset]（http://meyerweb.com/eric/tools/css/reset/）。 – 2015-03-03 09:14:41

沒有基本的代碼。用你自己的方式編寫代碼。 – WaNgeL 2015-03-03 09:16:44

我必須是'*，*：before，*：{box-sizing：border-box; }'：http://www.paulirish.com/2012/box-sizing-border-box-ftw/ – fcalderan 2015-03-03 09:17:26

人們更喜歡使用不同的CSS方式，沒有對錯的方式。但肯定有方法可以讓您的瀏覽器重置得到良好的開局。

有幾種方法可以播放它，您可以使用重置或標準化您的代碼來適應不同的瀏覽器。

重置將使每個瀏覽器都以精簡的方式表現行爲，而標準化您的CSS將使瀏覽器更加一致地呈現所有元素，並符合現代標準。

請記住，沒有正確或錯誤的方法來解決這個問題。

Eric Meyes CSS Reset

Normalize.css

來源

2015-03-03 09:19:21

謝謝第二個鏈接有我需要的東西，如sup，sub fix，以便它不影響喜歡的高度 – La3eb 2015-03-03 09:24:45

一切只不過是風格和觀點，但它常被使用，只是一切復位（所以你必須自己創建的，而不是使用瀏覽器默認所有的風格，）。

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, 
b, i, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video { 
    margin:0; 
    padding:0; 
    border:0; 
    outline:0; 
    font-size:100%; 
    vertical-align:baseline; 
    background:transparent; 
} 
body { 
    line-height:1; 
} 
article,aside,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section { 
    display:block; 
} 
nav ul { 
    list-style:none; 
} 
    blockquote, q { 
    quotes:none; 
} 
    blockquote:before, blockquote:after, 
    q:before, q:after { 
    content:''; 
    content:none; 
} 
a { 
    margin:0; 
    padding:0; 
    font-size:100%; 
    vertical-align:baseline; 
    background:transparent; 
} 
/* change colours to suit your needs */ 
ins { 
    background-color:#ff9; 
    color:#000; 
    text-decoration:none; 
} 
/* change colours to suit your needs */ 
mark { 
    background-color:#ff9; 
    color:#000; 
    font-style:italic; 
    font-weight:bold; 
} 
del { 
    text-decoration: line-through; 
} 
abbr[title], dfn[title] { 
    border-bottom:1px dotted; 
    cursor:help; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
/* change border colour to suit your needs */ 
hr { 
    display:block; 
    height:1px; 
    border:0; 
    border-top:1px solid #cccccc; 
    margin:1em 0; 
    padding:0; 
} 
input, select { 
    vertical-align:middle; 
}

來源

2015-03-03 09:23:53 FeedTheWeb

每個css開始時應該寫些什麼？

回答

相關問題