CSS的引入方式共有三種：行內樣式、內部樣式表、外部樣式表，
一、行內樣式（不建議這種混排的）
使用style屬性引入CSS樣式，
二、內部樣式表（不建議這種混排的）
在style標簽中書寫CSS代碼，style標簽寫在head標簽中，
三、外部樣式表
CSS代碼保存在擴展名為.css的樣式表中
HTML檔案參考擴展名為.css的樣式表，有兩種方式：鏈接式、匯入式，
1、鏈接式（推薦）
<link type="text/css" rel="styleSheet" href="https://www.cnblogs.com/chenyingying0/p/CSS檔案路徑" />
2、匯入式（嵌入式不太建議）
<style type="text/css">
@import url("css檔案路徑");
</style>
css出現錯誤時會跳過改行，不會影響其他樣式的執行；
樣式組件設計與匯入技巧：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="關鍵詞1，關鍵詞2，關鍵詞3"> <meta name="description" content="網站描述bla bla"> <title>網站標題</title> <link rel="stylesheet" href="style.css"> </head> <body> <header>header</header> <main>main</main> <footer>footer</footer> </body> </html>
style.css
/* 匯入樣式 */ @import url('header.css'); body{ background:lightblue; }
header.css
header{ color:pink; }
vscode添加LESS支持
查看-擴展-安裝easy less
vscode同步瀏覽器重繪
查看-擴展-live server安裝-頁面打開時右鍵選擇，open with live-server
當代碼發生更新時頁面會自動更新渲染，不用再點擊渲染
我在使用時發現有報錯：報Open a folder or workspace... (File -＞ Open Folder)錯誤
錯誤是因為檔案沒有在檔案夾中打開
我們將檔案夾打開,并運行live Server 插件,此時可以正常啟動服務
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/204223.html
標籤：Html/Css
上一篇：多媒體與表格實戰 -cyy