多列
column-count
:設定列的個數，可以把一行文字分割成設定的列的個數。如果設定了列的寬度，當列的最小寬度和不夠總寬度的時候，列的數量就會縮小；
column-width:
可以設定列的最小寬度；
column-span
：可以設定列的橫跨數量（常用於設定標題，值為1或者all）
column-rule
:設定分割線，設定方式與邊框的設定方式一樣，是乙個復合屬性；
column-gap:
設定列的間距；
單位
：rem px em 百分比 pt
em：
相對單位，基準點為
父節點 字型的大小，如果自身定義了font-size按自身來計算（瀏覽器預設字型是16px），整個頁面內1em不是乙個固定的值
。
rem：
相對單位，可理解為」root em」, 相對
根節點 html的字型大小來計算，
css3
新加屬性，chrome/firefox/ie9+支援。
-> 2. 如果所有的寬高字型大小都用rem表示，那麼所有的內容展示的寬高字型大小都是響應式的；
**查詢
@media（max-width:600px） and or 其他條件
視口：用於設定移動端顯示內容視窗的配置
name=
"viewport"
content=
"width=device-width, initial-scale=1,user-scalable=no"
>
處理**查詢不支援的方式
1.載入處理不相容的指令碼檔案
2.更改ie瀏覽器渲染內容時，使用的核心
彈性盒/彈性布局
新的布局方式 （以前浮動、定位布局）
display：flex
設定為彈性盒
flex-direction
：設定彈性盒內子元素的排列方向row、row-reverse、 column、column-reverse；
flex-wrap
：設定彈性盒內子元素超出父容器時是否換行；
nowrap：不換行
warp：自動換行
wrap-revserse：自動反轉換行
justify-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使用兩部分
更改為國內映象 --> cnpm
2.使用api的部分，可以用於寫服務端
npm常用操作指令：
install：安裝 i
-g： 安裝到全域性（global）目錄下（在任何工程中，都可以使用這個外掛程式）
uninstall：解除安裝
css3響應式設計
說明 手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中 width 設定layout viewport 的寬度，為乙個正整數，或字串 width device initial scale 設定頁面的初始縮放值，為乙個數字，可以帶小數 minimum scale 允許使用者的最小縮放值，為...
css3響應式布局
1 分界點 超小螢幕xs 移動裝置 768px以下 小屏裝置sm 768px 992px 中等螢幕md 992px 1200px 寬屏裝置lg 1200px以上 2 語法 media screen and max width 768px stylesheet href css a.css style...
css3響應式神器
大家經常為遇到類似卡片的設計稿，如果卡片與卡片之間沒有距離，如 那寫width 33.33 是沒有什麼問題的 那如果是以下這種情況呢 與之間的距離是 20px，那響應式處理起來難免麻煩。雖然可以通過 js 計算寬度解決，或者修改布局使用 box sizing 解決。但是這些方法難免會讓寶寶心裡奔潰 ...