三、配置
postcss是一款使用外掛程式去轉換css的工具，有許多非常好用有趣的外掛程式，例如autoprefixer,press或者postcss-preset-env等。這些都是基於postcss外掛程式去實現的。postcss外掛程式需要結合webpack打包工具去一起使用，另生產樣式檔案時還可以結合gulp使用。
安裝方法：先安裝外掛程式
npm i -s postcss-preset-env可以像scss一樣，在css檔案中寫變數 、條件、迴圈語法。
☞官方文件
可以使用@import引入別的模組樣式
☞官方文件
適合於移動端適配方案開發，將px單位轉化成vh,vw百分比
配置如下：
'postcss-px-to-viewport'
:
1、@media 預設不轉化px，可配置mediaquery: true
2、@keyframes 預設不轉化px，可手動轉vw
☞官方中文文件
可根據不同瀏覽器生產相容瀏覽器樣式字首，不用手動一一新增字首
☞官方中文文件
可以像scss一樣，在css檔案中寫混合、模組化語法。
☞官方中文文件
更多有趣的外掛程式請☞這裡安裝好專案依賴後postcss在根目錄下配置postcss.config.js檔案，**如下
module.exports =
, precss:
,"postcss-advanced-variables":,
autoprefixer:
,'postcss-px-to-viewport':}
}
後續更新。。。
VUE篇 1建立vue專案
1.先安裝node.js 參考 2 全域性安裝vue cli，vue cli可以幫助我們快速構建vue專案。安裝命令 npm install g vue cli 出現這個就是成功了 3 安裝webpack，它是打包js的工具 安裝命令 npm install g webpack 出現這個就是成功了 ...
Android樣式的開發 Style篇
android的樣式一般定義在res values styles.xml檔案中，其中有乙個根元素，而具體的每種樣式定義則是通過下的子標籤 其中，statelistanimator指定狀態改變時的動畫，button state list anim material的 如下 xmlns android ...
Android樣式的開發 Style篇
前面鋪墊了那麼多，終於要講到本系列的終篇，整合所有資源，定義成統一的樣式。哪些該定義成統一的樣式呢？舉幾個例子吧 每個頁面標題欄的標題基本會有一樣的字型大小 顏色 對齊方式 內間距 外間距等，這就可以定義成樣式 很多按鈕也都使用一致的背景 內間距 文字顏色 文字大小 文字的對齊方式等，這也可以定義成...