Web html基礎
網頁組成部分：html:超文本標記語言?? css：樣式結構???javascript：負責邏輯層的語言
Html:
1.?? 標簽的語法結構:1完全閉合標簽?????? 2半閉合標簽
2.??? 能夠區(qū)分塊級元素級內聯(lián)元素
3.??? 路徑
Html:
<!DOCTYPE html>:定義文檔的類型
<html></html>:代表網頁內容
?Lang標簽的屬性 en是英文? zh中文
<head></head>:表示頭部
<meat charset=“utf-8”>:設置網頁文本的編碼集（世界通用）
<title></title>:表示瀏覽器上面的標題文字
標簽
(1)完全閉合標簽：
?? 1塊級元素：div:1.獨占一行? 2.這是一個容器
??? 2內聯(lián)元素
(2)半閉合標簽：
???? 內聯(lián)元素：1.input：1.與其他內聯(lián)元素共享一行2不能設置寬和高
??????????????????????? 2. 單選標簽radio(可以通過name劃分為一組 只能選取一個)Checked默認選擇的選項
??????????????????????? 3.多選標簽checkbox??checked用法同上
????????????????
????????????????????? ? img圖片標簽:1.src:代表指定文件路徑
????????? ? ? ? ? ? ? ? 2.alt：如果不顯示圖片滔金，鼠標放上去顯示的文字
WEB_NO1 HTML基礎
?網頁的組成部分：
html：超文本標記語言
css：樣式結構
javaScript：負責邏輯的語言
?
?
css
1.? 盒模型? 每一個元素 都有一個盒模型
?內容? 設置寬高 是內容部分的寬高
padding內邊距? 會增加 整個容器的寬高 元素實際的寬度 = width+水平方向的內邊距 上右下左
border邊框 會增加 整個容器的寬高 元素實際的寬度 = width+水平方向的內邊距+水平方向的邊框 上下? 左右
margin外邊距? 不會影響 容器的實際高度 擠相鄰元素的位置 相鄰的兩個元素會重合 上右下左
不管是 內邊距 外邊框 邊框 都可以 設置某個方向
Padding_left
Border_bottom
Margin_top
?
?
?2.浮動??
?????? 用途：設置頁面的布局
?????????? ??讓塊級元素 水平方向排列
???????????? 讓內聯(lián)元素 可以設置寬高
???? ? ? ?? !注意事項：設置完浮動 會飄到文檔的上面 脫離正常的文檔流 他就不占高度了 父元素的高度就會收到影響
??????????? 設置浮動就必須清除浮動
????? 使用
????????? 設置浮動???float? left左浮動? 1 2 3 4
???????????????????????? ? float ? right右浮動? 4 3 2
?
???????? 清楚浮動 overflow：hiddent
?????? 空標簽 clear：both/left/right
?????? 偽元素 clear：both{
?????? .xx ：after：{
??????? ? ? ? ? ? ? ? ? ? ? Content：“”；
????????? ? ? ? ? ? ? ? ? ? Display：block氛赐；
???????????????????????? ? Clear：both：
??????????????????????? }
2.???? 定位
3.???? 通過position
????? 相對定位：relative (相對于自己的位置來去定位 挪動位置 還占據之前的位置 布局不會發(fā)生改變)
?????? 絕對定位：absolute( 會脫離正常的文檔流 會飄到文檔的上面 不會占據文檔的位置)
?????? Z-index:設置層次 數值越大 越在最上面
???? 如果沒給他的父元素 做處理 （相對定位）會相對文檔的左上角定位父元素設置了相對定位 就會以他的父元素? 位置 去定位
?
?
使用CSS的公式（步驟） 在html中給元素設置選擇器{ 元素選擇器
? 類.?id? #
?????????? 在css中使用選擇器 選擇上對應的元素
??????????? 設置元素的樣式
??????????? (公式） 選擇權（具體的樣式）
使用CSS的方式? 內聯(lián)樣式
???????????????通過style標簽 設置樣式
???????????????通過css文件設置 使用link
?
?
No4：
?? 選擇器：是用于選擇給? 那些HTML元素 設置樣式的工具
1：元素選擇器 ：可以通過 標簽的名字? 選擇上標簽
2：類選擇權： 可以把標簽劃分很多種類? 通過類選擇器 來找到這些元素
??? 特點：可以忽略標簽限定< 不限制 選擇標簽的數量
?? T通過class? 來指定類選擇器的名字 在CSS里面 通過?? 。類選擇起名字 就可以找到這類元素
3 id選擇器? 同一個名字的i的選擇器 只能 在頁面中設置一次?? 在頁面中的唯一性
?
?
選擇器權重
上面設置了樣式 底下設置了 相同的屬性? 就會把上面的設置覆蓋
選擇權的權重越高? 越優(yōu)先選擇上這些元素
計算權重：
Id選擇權權重最高
類選擇器????? 多少個類選擇器 都比不郭ID選擇器
元素選擇器? 多少元素選擇器 都比不過一個類選擇器
有沒有id選擇器 如多有ID選擇器??? id選擇器多的數量 就會被選上
再取數類選擇器 再取數元素選擇器
當設置的樣式?? 不起著用是? 需要檢查 是不是 選擇器的權重 不夠
?id (皇帝)? 類選擇器（當官的）元素選擇器（平民）
?隱藏
鼠標觸碰到這個元素 顯示出它隱藏的元素
?
?
