# CSS reset 、 container頁面開版
###### tags: `CSS`

## CSS Reset
[CSS Tools: Reset CSS](https://meyerweb.com/eric/tools/css/reset/)
reset將所有瀏覽器的自帶樣式重製，因為每個瀏覽器的預設樣式皆不同，保持在不同瀏覽器使用時的一致性而使用Reset。

<link rel="stylesheet" href="css/reset.css">

## CSS noemalize
[Normalize.css](https://necolas.github.io/normalize.css/)
normalize保留預設的樣式，不進行太多的重製，例如在`h1,h2,h3,h4,h5,h6`皆有保留不用再重新賦予

<link rel="stylesheet" href="css/nomalize.css">

在選擇上可依照設計師所製作的畫面是否參考bootdtrap製作畫面，這樣就會與noemalize所保留的內容相似度高。
## Container開版大小
在頁面內容不需滿版時設置container讓頁面寬度一致
以下將container設定同一寬度並置中

/*手機版*/
.container{
    padding: 0px 1em;
}

/*PC版設定max-width*/
@media (min-width:769px){
   .container{
       width:70%;
       max-width:1000px;
       margin: 0 auto 
    } 
}