css：頁面美化和布局控制
1.概念：cascading style sheet 層疊樣式表
層疊：多個樣式可以作用在同乙個html的元素上，同時生效
2.好處：
a 功能強大
b 將內容展示和樣式控制分離：
1.降低耦合度。解耦
2.讓分工協作更容易。
3.提高開發效率。
3.css的使用：css與html相結合方式
1.內聯方式：
在標籤內使用style屬性指定css**
2.內部樣式：
在head標籤內，定義style標籤，style標籤的標籤體內容就是css**
3.外部樣式：
a 定義css資源檔案
b 在head標籤內，定義link標籤，引入外部的資源檔案。
*注意：
a 1，2，3種方式，css的作用範圍越來越大
b 1方式不常用，後期常用2、3
4.css的語法：
a 格式：
選擇器;
b 選擇器：篩選具有相似特徵的元素。
c 注意：
每一對屬性需要使用';'隔開，最後一對屬性可以不加';'
5.篩選具有相似特徵的元素：
a 基礎選擇器：
1.id選擇器：選擇具體的id屬性值元素，建議在乙個html頁面中id唯一。
語法：#id屬性值;
(沒有分號)
2.元素選擇器：選擇具有相同標籤名稱的元素。
語法：標籤名稱;
(沒有分號)
注意：id選擇器優先順序高於元素選擇器。
3.類選擇器：選擇具有相同的class屬性值的元素。
語法：.class屬性值;
(沒有分號)
注意：類選擇器優先順序高於元素選擇器。
b 擴充套件選擇器：
1.選擇所有元素：
語法：*;
(沒有分號)
2.並集選擇器：
語法：選擇器1，選擇器2;
(沒有分號)
3.子選擇器：篩選選擇器1下的選擇器2的元素
語法：選擇器1 選擇器2;
(沒有分號)
4.夫選擇器：篩選選擇器2的夫元素選擇器1.
語法：選擇器1>選擇器2;
(沒有分號)
5.屬性選擇器：選擇元素名稱，屬性名=屬性值的元素
語法：元素名稱[屬性名 = 「屬性值」];
(沒有分號)
6.偽類選擇器：選擇一些元素具有的狀態。
語法：元素：狀態;
(沒有分號)
如 < a >:
link：初始化狀態
visited：被訪問過的狀態
active：正在訪問的狀態
hover：滑鼠浮動的狀態
6.屬性：
a 字型、文字
font-size ：字型大小
color：文字顏色
text-align：對齊方式
line-height：行高
b 背景：
background
c 邊框：
border：設定邊框，復合屬性。
d 尺寸：
width：寬度
height：高度
e 盒子模型：布局控制：
margin：外邊距
padding：內邊距
預設情況下內邊距會影響整個盒子的大小。
box-sizing：border-box；設定盒子的屬性，讓width和height就是最終盒子的大小。
float：浮動
left：左浮動
right：有浮動
HTML5 基礎知識（三）
em元素用於標記強調的文字 cite元素用於標識對藝術作品 電影 圖書等內容的引用 內容顯示的樣子與為其使用的元素沒有關係，不能為了讓文字變為斜體就使用em或cite元素，新增樣式是css的事情。段落 html會忽略文字編輯器中輸入的回車或其他額外的空格。在網頁中開始乙個新的段落，應該使用p元素。格...
html5的基礎知識
是宣告html5文件 不區分大小寫 是頁面的根元素 包含文件的元 meta 資料，例如定義網頁編碼格式為utf 8 描述了文件的標題 包含了可見的頁面內容 為大標題，從大到小可用從h1 h6 為乙個段落 標籤經常是成對出現的，第乙個為開始標籤，第二個為結束標籤 html的檔名字尾可用.html也可以...
HTML5的新特性 基礎知識（3）
1.setcustomvalidity 1.1 作用 自定義錯誤資訊，一旦設定好了setcustomvalidity 當前表單是不允許被提交的，一旦提交，顯示自定義錯誤資訊 1.2 注意 setcustomvalidity 一旦資料被修改正確後，需要通過setcustomvalidity 清空錯誤驗...