相關(guān)HTML 、CSS樣式、布局學(xué)習(xí)

position
header
<header> 標(biāo)簽定義文檔的頁眉（介紹信息）。
font-weight

aside

section

nav

justify-content
The align-items property specifies the default alignment for items inside the flexible container.
justify-content:space-evenly
space-evenly : flex 容器起始邊緣和第一個 flex 項之間的間距和每個相鄰 flex 項之間的間距是相等。（愚人碼頭注：該屬性以前很少看到，原因是以前瀏覽器不支持，chrome 也是 60 版本之后才支持。
參考

max-width
The max-width property is used to set the maximum width of an element.
This prevents the value of the width property from becoming larger than max-width.
width 與 max-widtn 區(qū)別？

flex 布局

flex-direction
The flex-direction property specifies the direction of the flexible items.

font-style
CSS中font-style的屬性有Italic oblique,它們倆的區(qū)別是什么呢?

font-size
font-size 單位都有哪些？各代表什么意思？區(qū)別是什么？
px em rem
圖標(biāo)的font-size設(shè)置單位為 em ?
With the em size, it is possible to adjust the text size in all browsers.
em :
1em is equal to the current font size. The default text size in browsers is 16px.So, the default size of 1em is 16px.
The size can be calculated from pixels to em using this formula: pixels/16=em
Unfortunately, there is still a problem with older versions of IE.

align-items
align-items 屬性定義flex子項在flex容器的當(dāng)前行的側(cè)軸（縱軸）方向上的對齊方式。使用每個彈性對象元素的 align-self 屬性可重寫 align-items 屬性。
aligin-items: start-center

position
position:relative

background-size:cover

box-sizing
box-sizing 屬性允許以特定的方式定義匹配某個區(qū)域的特定元素。
例如，假如您需要并排放置兩個帶邊框的框，可通過將 box-sizing 設(shè)置為 "border-box"。這可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框，并把邊框和內(nèi)邊距放入框中。

align-wrap

媒體查詢

CSS 媒體查詢 @media

• 一般情況下在css文件開始的時候，先清除基本標(biāo)簽的默認(rèn)樣式

/* clear default */

html, body, h1, h2, h3, h4, h5, h6, p, ul {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}