寫html頁面的時候，多修改幾次就會出現很多無用的css代碼，下面使用gulp-uncss來精簡css文件,去掉沒用的css代碼 1.首先找個目錄創建一個gulp項目在命令行輸入：npm init 然后一路回車創建一個項目 2.安裝gulp和gulp-uncss --save -dev ...

我們在寫代碼的時候可能有些CSS並沒有用到，我們如何利用webpack將冗余的CSS清除掉呢？ 可以使用 purifycss-webpack 達到該目的。 1.安裝 purifycss-webpack,glob 和 purify-css 2.在配置文件中引入 ...

為了瀏覽器的兼容性，有時候我們必須加入-webkit,-ms,-o,-moz這些前綴。目的就是讓我們寫的頁面在每個瀏覽器中都可以順利運行。 1.安裝 2.在根目錄新建一個postcs ...

使用PurifyCSS可以大大減少CSS冗余 1.安裝 2.引入glob，因為我們需要同步檢查html模板，所以我們需要引入node的glob對象使用。在webpack.config.js文件頭部引入glob。引入purifycss-webpack 3.配置 ...

一、元素定位機制 　　1.普通文檔流 　　普通文檔流將瀏覽器窗體自上而下分成一行行, 並在每行中按從左至右的順序排放元素。　　 　　2.定位思想和浮動 　　CSS元素定位的基本思想很簡單，它允許我們定義元素框相對於其正常位置應該出現的位置，或者相對於父元素、另一個元素甚至瀏覽器窗口 ...

隨筆記一下 一個浮動的元素 如果沒有設置寬高 將會自動收縮為文字的寬高 脫標 貼邊 字圍 收縮 浮動有開始 就要有清除 效果 可以看到div作為一個塊級元素 竟然沒有兩行顯示 ...

1.要使用less，首先使用npm安裝less服務 還需要安裝Less-loader用來打包使用。 2.在module中配置 3.在html中編寫一個div，在css中新建一個less文件 4.引入到entry.js ...

1.安裝：因為sass-loader依賴於node-sass，所以需要先安裝node-sass 2.配置 3.新建一個sass文件，編寫div 4.在entry.js中引入css 5.輸入webpack打包，最終效果： 6.sass ...