20190326-HTML5標簽、CSS的引用
阿新 • • 發佈：2019-03-26
語言 動態 格式 c99 style屬性 3.3 分享圖片 內部 sheet
目錄
1、HTML5標簽
2、CSS的引用
CSS的定義
CSS的工作原理
CSS的引用：行內樣式、內部樣式、外部樣式
3、CSS的選擇器
內容
1、HTML5標簽
2、CSS的引用
2.1CSS的定義
CSS（Cascading Style Sheets）：層疊樣式表，用於靜態修飾網頁，還可配合腳本語言動態地格式化網頁各元素
2.2CSS的工作原理
當瀏覽器顯示文檔時，必將文檔的內容與其樣式信息結合，分兩個階段處理文檔（如下圖）：
瀏覽器將HTML和CSS轉成DOM（文檔對象模型）
瀏覽器顯示DOM的內容
2.3CSS的語法結構
CSS 語法由三部分構成：選擇符、屬性和值
2.3CSS的引用
2.3.1行內樣式表（style屬性）
<body style="background-color:#ccccc;">
2.3.2內部樣式表（style元素）
1 <head> 2 <style type="text/css"> 3 body { 4 background-color:#ccccc; 5 }6 </style> 7 </head>
2.3.3外部樣式表（樣式表文件.css）
1 style.css: 2 3 body { 4 background-color:#cccccc; 5 } 6 7 index.html: 8 9 <head> 10 <link rel="stylesheet" type="text/css" href="style.css" /> 11 </head>
3、CSS的選擇器
20190326-HTML5標簽、CSS的引用