相關(guān)HTML 铝穷、CSS樣式、布局學(xué)習(xí)
position
header
<header> 標(biāo)簽定義文檔的頁(yè)眉（介紹信息）恋追。
font-weight
justify-content
The align-items property specifies the default alignment for items inside the flexible container.
justify-content:space-evenly
space-evenly : flex 容器起始邊緣和第一個(gè) flex 項(xiàng)之間的間距和每個(gè)相鄰 flex 項(xiàng)之間的間距是相等凭迹。（愚人碼頭注：該屬性以前很少看到，原因是以前瀏覽器不支持苦囱，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-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子項(xiàng)在flex容器的當(dāng)前行的側(cè)軸（縱軸）方向上的對(duì)齊方式。使用每個(gè)彈性對(duì)象元素的 align-self 屬性可重寫(xiě) align-items 屬性。
aligin-items: start-center
box-sizing
box-sizing 屬性允許以特定的方式定義匹配某個(gè)區(qū)域的特定元素忱嘹。
例如锣尉，假如您需要并排放置兩個(gè)帶邊框的框，可通過(guò)將 box-sizing 設(shè)置為 "border-box"宛徊。這可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框，并把邊框和內(nèi)邊距放入框中。
媒體查詢
CSS 媒體查詢 @media
- 一般情況下在css文件開(kāi)始的時(shí)候扮授，先清除基本標(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;
}
