html&CSS-在html環境中插入css檔案

html&CSS-在html環境中插入css檔案

先建議一個專案

  • 專案本身為一個資料夾,先為其命名,例:test-project
  • 其中有一個index.html檔案
  • 另外新增一個css資料夾,且其中有一個style.css檔案

引入css檔案

  1. 先開啟index.html檔案
  2. 在head中,加入link標籤,並且指向style.css檔案的位置
  3. 成功引入之後,便可以在style.css進行編輯,透過css選擇器定義樣式,去影響index.html的內容

    css選擇器(簡易示範)

  4. style.css定義h1、p的顏色樣式,並存檔
  5. 再次刷新瀏覽頁面,可以看到h1、p的樣式確實被改變了
© 2020 Leah's Blog All Rights Reserved. 本站访客数人次 本站总访问量
Theme by hiero