HTML的基本結構
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<p>文檔內容...</p>
</body>
</html>
lang屬性用于設定網頁的語言（zh-CN中文，en英文）
charset屬性用于指定網頁的字符編碼
HTML常用全局屬性
- 鼠標移到元素上時顯示的一個工具提示文本
<abbr title="全稱">簡稱</abbr> - 隱藏元素
<p hidden>默認隱藏的段落文本</p> - 自定義屬性
常與JS和CSS的content屬性一塊配合使用<div id="el" data-name="adiu" data-uid="121"></div>
favicon圖標
<link rel="icon" >
縮略的網站標志，它顯示在瀏覽器標簽上，是必不可少的
CSS的引入方式及區(qū)別
-
行內樣式
<p style="font-size: 18px;color: #666;">文檔內容...</p>結構層和樣式層沒有分離，不易讀
-
內部樣式表
<style media="screen"> p { font-size: 18px; color: #666; } </style>整個頁面顯得太臃腫，且多頁面應用容易產生冗余代碼
-
外部樣式表
導入式
<style media="screen"> @import './css/master.css'; </style>media指定媒介類型：screen 計算機屏幕，print 打印
鏈接式
<link rel="stylesheet" href="./css/master.css">
所屬關系：
@import是css的語法規(guī)則，只能加載在style標簽內和css文件中；link是HTML提供的標簽
加載順序：
等頁面內容全部加載完成后，才下載@import后面的文件；當頁面加載的時候，link引用的文件會同時加載
腳本支持：
link支持使用JS控制DOM去改變樣式
CSS的繼承性
元素外觀（文字顏色、字體等）相關的樣式會被繼承，元素布局相關的樣式不會被繼承
可以使用inherit關鍵字實施繼承（標題的字體大小不會繼承，超鏈接的文字顏色不會繼承）
CSS中的顏色
十六進制顏色、rgb()、rgba()
CSS中的長度單位
px：絕對尺寸，不能隨著瀏覽器的縮放而產生變化，一般不用于響應式應用
em：相對尺寸，參考對象為父元素的字體大小，如果父元素沒有設置則會一層一層向上找
rem：相對尺寸，參考對象為根元素html的font-size
