Css3-3
多列：
column-count：設置列的個數 可以把一行文字分割成設置的列的個數。 如果設置了列的寬度 當列的最小寬度和 不夠總寬度的時候 列的數量就會縮小
Column-width:可以設置列的最小寬度
Column-span:設置列的橫跨數量 （常用於設置標題）
column-rule：設置分隔線 設置方式 與邊框的設置方式一樣 是一個複合屬性
column-gap:設置列的間距
單位：rem px em 百分比 pt
em: 也是一個類似百分比的單位 相對於父元素字號 的比例
rem：對於根元素 字號 的比例 根18號字 = 1rem
-> 1.可以讓比較小的屏幕 展示更多內容 並且可以按照屏幕的寬度來設置字號（小屏幕設置小字號 大的設置大字號）
-> 2.如果所有的寬高字號 都用rem表示 所有的內容展示的寬高字號 都是響應式的
媒體查詢
@media (mix-width:600px) and or 其他條件{滿足這個條件下的樣式}
視口：用於設置移動端 顯示內容窗口的配置
處理媒體查詢不支持的方式
1.加載處理不兼容的腳本文件
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> 2.更改IE瀏覽器渲染內容時 使用的內核
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> 彈性盒/彈性佈局(微信小程序有使用)
新的佈局方式 以前浮動、定位佈局
display:flex 設置爲彈性盒
Flex-direction:設置 彈性盒內 子元素的排列方向
row
row-reverse
column
column-resverse
flex-wrap: 設置彈性盒內
Justy-content:設置水平方向的排布方式
Flex-start:默認設置 起始點位置對齊
Flex-end:設置 結束點 對齊
Center:以中心點對齊
Space-between:設置 水平方向的間距 平均分配
Space-around:設置 水平方向 平均分配 並且起始點和結束點 都佔間距的一半
align-items：設置垂直方向的 排列方式
flex-start baseline stretch 以起始點的位置 排列
Flex-end:以結束點對齊
Center:垂直方向居中
align-content：
Flex-start:默認設置 起始點位置對齊
Flex-end:設置 結束點 對齊
Center:以中心點對齊
Space-between:設置 垂直方向的間距 平均分配
Space-around:設置 垂直方向 平均分配 並且起始點和結束點 都佔間距的一半
Order:給元素 重新排序 數值越小的 越在前面
Flex:設置元素的分配比例
Node:
使用node,使用兩部分
1.npm:是node 的包管理工具 -> 可以下載基於node的插件
更改爲國內鏡像 http://npm.taobao.org/ -> cnpm
2.使用API的部分，可以用於寫服務端
npm常用操作指令：
Install :安裝 i
-g: 安裝到全局目錄（在任何工程中 都可以使用這個插件）
uninstall:卸載