HTML表單標籤
form:全部表單標籤的根標籤;
action:提交數據的服務端地址;
method: 請求方式,例如:Get和Post。
enctype:指定提交數據的編碼格式。
Get和Post的區別?
1)Get提交數據顯示在瀏覽器地址欄上,而Post請求請求參數不會顯示在地址欄;
2)Post請求的安全性比Get請求高;
3)Get請求會緩存,而Post請求沒有緩存;
4)Get請求參數長度有限制,而Post請求沒有長度限制;
input:輸入標籤
type:text、password、radio、checkbox、button、submit、reset、file等等
textarea:文本域
cols: 顯示的列數
rows: 顯示的行數
select和option:下拉框
事件:
事件三要素:事件源、事件監聽器(onXxx)、響應動做(js代碼)。
onClick
onDblClick
onForus
onBlur
onKeyPress
....
CSS: 層疊樣式單,美化網頁。
編寫方式:1)在style標籤中編寫CSS;2)在外部的CSS文件中編寫CSS,而後把CSS文件引入到HTML頁面;
3)在HTML元素中定義style屬性(優先級最高);
選擇器:標籤選擇器、類選擇器、ID選擇器、僞類選擇器、通用選擇器、交集選擇器、並集選擇器。
CSS樣式:
1)背景樣式:
background-color: 背景色
background-image: 背景圖
background-repeat:no-repeat 不平鋪
background-position:背景圖的位置
background-attachment: fixed 固定背景圖
2)字體和文本樣式:
font-size: 字體的大小
color: 字體的顏色
text-indent: 文本縮進
text-decoration: 修飾文本
text-align: 文本對齊方式
text-transform: 轉換大小寫
3)表格樣式:
border-collapse: 合併單元格的邊框;
border-spacing:設置單元格邊框的距離;
4)邊框樣式:設置元素邊框的寬度、顏色和風格。
border-開頭
5)盒子模型:設置元素的內邊距和外邊距。
內邊距:元素內容與邊框的距離;
注意:元素實際寬度=元素的width + 左右padding
元素的實際高度=元素的height + 上下padding
外邊距:元素邊框之外的部分;
margin-left:-10px
6)定位:
相對定位:相對於元素原先位置的定位;
絕對定位:相對於屏幕的位置而言;
固定定位:跟絕對定位同樣,可是不會隨着屏幕滾動而滾動;
postion:relative|absolute|fixed
left:元素左上角的橫座標
top:元素左上角的縱座標
浮動定位:
float:設置向哪一個方向浮動;