如何提升CSS技術?czhztjz

準備工作 http://www.czhztjz.com/

整個分享過程不搞那些亂七八糟的環境搭建。既然只玩CSS,那只有html文件和css文件就足夠了。另外還需一個瀏覽器Chrome和一個編輯器VSCode。

VSCode還需安裝Live Sass Compiler和Live Server兩個插件。Live Sass Compiler用於實時編譯sass/scss文件爲css文件。Live Server用於啓動具有實時刷新功能的本地開發服務器,以處理靜態頁面和動態頁面。

新建index.html和index.scss。爲了使各大瀏覽器默認樣式一致,還需引入一個磨平瀏覽器默認樣式的css文件,同學們可下載筆者寫好的reset.css到本地目錄裏。

上述文件骨架完成後,打開index.scss,按F1或Cmd + Shift + P打開命令面板,輸入Watch Sass監聽index.scss並生成index.css,再輸入Open With Live Server啓動本地開發服務器並打開瀏覽器。到此爲止就完成了所有準備工作了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章