初入HTML/Css的總結

在對於HTML和Css的學習中，為自己整理出了一張XMind筆記圖，下面新增一些額外的或重要的知識點：

一.靜態網頁分為3個部分
結構層 HTML5
表現層 css
行為層 JavaScript

二.post請求和get請求有什麼區別？
1.跳轉路徑；2.跳轉路徑長度

get請求中，位址列上會顯示name屬性資訊，對資訊有洩漏，不安全；
位址列的預設長度為64K
post請求中，位址列只有目標地址的資訊，資訊相對安全，不會超出位址列長度

三.css樣式及部分標籤
繼承
子元素繼承父元素樣式設定
層疊
子元素設定會覆蓋繼承樣式

標籤
text-indent：首行縮排 使用em最佳
負值一般用於隱藏h1標題，不影響介面的情況下，便於搜尋引擎搜尋

white-space：物件中空白處理
normal：自動換行
pre：換行和空白受保護
nowrap：強制在一行顯示

text-transform：文字大小寫
capitalize：每個單詞第一個字母大寫

vertical-align：垂直對齊

四.命名規範
1.駝峰命名法
2.帕斯卡命名法
3.匈牙利命名法
4.下劃線命名法（個人常用）
具體的命名方式在網上便可以查到，在正式進入企業前就隨喜好選擇吧

五.padding/margin標籤取值
上下/左右
上/左右/下
上/右/下/左

六.隱藏元素的方法
1.display：none 不作顯示
2.寬高設定為0
3.overflow：hidden 隱藏溢位

七.position標籤
static：靜態定位，頁面中每一個物件的預設值

absolute：絕對定位，將物件從文件流分離出來，通過left，bottom等四個方向相對於父級物件進行絕對定位

relative：相對定位，物件不進行分離，使用四個方向相對於自身位置進行相對定位

進行position設定之後，可以使用left/right/bottom/top進行定位

八.background-attachment元素
scroll 預設，隨滑鼠滾動
fixed 固定，保持螢幕顯示位置

⑨.zoom縮放
z-index 堆疊 調整圖層順序，預設為0，-1則襯於下方，1則浮於上方

————————————————————————————————————————————

（yysy，DW真的好用，適合初學者）