HTML&CSS常用API
一 html的表單標籤(非常重要)
用於將客戶端瀏覽器的數據提交給後臺服務器，一切需要提交數據的場景都會使用到表單
場景：註冊 登錄等
html的表單標籤不是一個 而是有多個組成，所有的表單標籤都需要放在裏面
必掌握的表單標籤：
1 文本框 <input type=“text”/>
2 密碼框 <input type=“password”/>
3 單選框 <input type=“radio”/>
4 複選框 <input type=“checkbox”/>
5 下拉框 <select><option>北京<option>.....</select>
6 文件框 <input type=“file”/>
7 文本域 <textarea></textarea>
8 提交按鈕 <input type=“submit”/>
9 普通按鈕 <input type=“button”/> 和javascript結合用
10 重置按鈕 <input type=“reset”/>
11 隱藏框 <input type=“hidden”/>
Form表單必掌握的屬性：
form標籤的2個屬性：action method
action:表單帶着內容要提交到哪裏的地址 只要submit按鈕一點擊就會觸發
method：提交方式 get提交 post提交
get提交方式會將整個表單提交的內容都顯示在地址欄上(默認不寫就爲get)
post提交方式不會將整個表單提交的內容顯示在地址欄上
所有標籤必掌握的核心屬性：
name屬性：表單提交數據是以key=value的形式進行提交的 key就是name屬性名
所以表單數據要想提交 必須得有name屬性
value屬性：一般只給單選框 複選框 下拉框 其餘標籤會將用戶填寫的內容當成是value值
按鈕的value屬性主要是用來設置按鈕名稱的
單選框和複選框特有的屬性：
checked=“checked” 被選中
下拉框特有的屬性：
selected=“selected” 被選中
multiple=“multiple” 下拉框內容的全部顯示
瞭解屬性:
size: 設置表單框的大小
maxlength: 設置表單標籤內容的長度
readonly：設置表單標籤只能讀不能寫
disabled:設置表單標籤不可用
瞭解的標籤
日期：<input type=“date”/>
面試題：get提交和post提交的區別？
1 get提交所有內容都在地址欄後面顯示（不安全） get提交的數據有着大小的限制
2 post提交所有內容都不在地址欄後面顯示（安全） post提交的數據沒有大小的限制
二 CSS知識點
CSS：Cascading Style Sheets ----層疊樣式表 專門用於網頁的美化
css的美化初體驗:有三個font標籤 需要設置字體大小爲70 顏色爲紅色
結論：比HTML美化的功能更加強大，可以實現HTML不能實現的美化效果
如何使用CSS?
1.css的代碼三種引入方式
內嵌方式（行內方式） 內部方式 外部方式
內嵌方式（行內方式）
需要在每個標籤內部加上style屬性
屬性的值：key1:value1;key2:value2…
內部方式
需要在<head></head>之間定義標籤<style>
標籤名（選擇器）{
key1:value1;
key2:value2;
}
外部方式
條件：需要引入外部的文件
在外部創建一個css樣式文件寫樣式
在需要的頁面將css文件引入
外部方式可以用於多個頁面
外部瞭解方式：<style type="text/css">
@import url("css文件地址"); t
</style>
css的註釋: /* 註釋內容 */
2.css的三種引入方式的優先級
優先級:就近原則 誰離標籤近誰的優先級高
3.css的選擇器
作用：用來獲取頁面的標籤的
條件：只能使用內部樣式和外部樣式來控制選擇器
元素選擇器:可以用來設置所有標籤 根據標籤名直接獲取標籤
類選擇器:可以用來設置一組標籤的 需要在標籤上設定class屬性根據class屬性名獲取標籤
ID選擇器:可以用來設置單個標籤 需要在標籤上設定ID屬性根據id屬性名獲取標籤
Jquery：這三種統稱爲基本選擇器
基本選擇器的優先級 ID選擇器>類選擇器>標籤選擇器-
4.擴展選擇器
並集(組合)選擇器 多個選擇器的集合 例如：選擇器1,選擇器2…{}
層級選擇器 父元素下所有的子孫元素 例如：父選擇器 子孫選擇器{}
屬性選擇器 只要包含的有屬性名就能被選中 例如：標籤名[屬性名=屬性值]{}
僞類選擇器 同一個元素在不同的操作狀態下呈現不同的樣式 例如超鏈接
a:link 正常狀態
a:hover 鼠標懸停
a:active 正在激活
a:visited 訪問過的
5.常見的css屬性
設定背景
background-color 設置元素的背景顏色
background-image 把圖像設置爲背景
background-repeat 設置背景圖像是否重複及如何重複
設定文本
color 設置文本顏色
line-height 設置行高
text-align 對齊元素中的文本
text-indent 縮進元素中文本的首行
text-decoration 去除超鏈接的下劃線
設定字體
font-size 設置字體的尺寸
font-family 設置字體屬性（楷體）
font-style 設置字體風格（斜體）
font-weight 設置字體的粗細
6.浮動
作用：讓div在同一行
屬性：float控制浮動 left：向左 right:向右
clear清除浮動
left:清除自身的左浮動
right:清除自身的右浮動
both:不管左浮動還是右浮動都清除自身
7.css控制元素的顯示和隱藏屬性
屬性：display
取值：
none 設置元素不可見
inline 設置元素爲內聯元素
block 設置元素爲塊級元素
8.盒子模型
css認爲所有元素就是一個盒子
盒子組成：內容 邊框 內邊距 外邊距
外邊距 ：margin 盒子和盒子或盒子和頁面之間的距離
取值：left right top bottom
內邊距 : padding 盒子中的內容和盒子邊框之間的距離
取值：left right top bottom