目錄
專案準備
一、環境準備（編輯器）
二、初步準備
1.css分類
2.引入css
小結
專案準備
一直以來我都很喜歡和平精英這個游戲，手機上有且僅有和平精英，當然我也玩過其他的游戲，不過最愛的還是和平精英，于是我有了寫一遍官網的想法，只是為了模仿和學習，因為官網的代碼時開源的，所以我可以借鑒學習，
提示：文章中的代碼和官網的并不完全相同，
提示：以下是本篇文章正文內容，下面內容可供參考
一、環境準備（編輯器）
在學校上專業課的時候用的DW，不過后來我更喜歡用vscode，編輯器而且，只是一個工具，用著舒服就行，
二、初步準備
1.css分類
觀看和平精英官網，可以看到有很多相似的地方，比如有幾處都是輪播圖，目錄中有些都有圓點，樣式格式化等等，為了避免重復寫相同的代碼（為了省時省力），將公有樣式public和私有樣式index分開來寫，
注意：css中沒有public 和private的概念，我只是這樣理解和說明樣式的使用范圍，
（忽略圖片中的private命名）
樣式檔案如下（示例）：
2.引入css
第一種在html檔案中使用link標簽引入css檔案
第二種模塊化匯入
@import url(public.css);/* 匯入模塊方便重復使用 */
tip：url注意路徑，如果index.css和public.css在同一檔案夾下，可以直接匯入，否則需要
../來 引入檔案
小結
檔案模塊化處理，
對檔案進行合理分類不要像垃圾一樣堆放，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/400376.html
標籤：其他