昨日內容回顧:
前端html
超文字標記語言
注釋
ps:寫html的時候，注釋一般都是成雙成對的 即
檔案的字尾名
title 定義網頁標題
style 內部寫css樣式**
link 引入外部css樣式檔案
script 可以在內部直接寫js**也支援src屬性
匯入外部js檔案
meta 定義網頁原資訊
name='keywords' content="......"
name='description' content="......"
基本標籤
h1~h6 p u i s b br hr< <
> >
® ®
& &
¥ ¥
常用標籤
divspan
a href='url' 跳轉到指定**
錨點功能 乙個a調到另乙個a標籤
具體案例:回到頂部
target 預設是在當前頁面跳轉 _self
指定成_blank新建頁面跳轉
imgsrc 放位址(可以是本地的也可以是網路上的)
alt 當載入失敗時可以指定顯示的提示資訊
title 滑鼠懸停上之後顯示的提示資訊
width 長寬在設定的時候只需要設定乙個另乙個自動等比例縮放
heigth
列表標籤
無序列表
ul>li 可以通過ul內type屬性來控制無序的標識
有序列表
ol>li 可以通過ul內type屬性來控制有序的標識(1,a,a,i,i)
標題列表
dldt 標題
dd 內容
可以通過type引數設定邊框
name
agehobby
jason
18訓人
egon
84被訓
kevin
30看熱鬧
table標籤內可以設定的屬性
type
cellspacing 設定單元格與邊框之間的距離
cellpadding 設定文字值域單元格之間的距離
單元格標籤可以設定的屬性
rowspan 垂直方向
colspan 水平方向
form表單
以使用者註冊為例
input
type屬性可以變幻的值
text
password
date
radio checked 如果屬性名和屬性值相等那麼可以簡寫
checkbox checked
file form表單上傳檔案需要修改兩個引數的值
1.將method由預設的get改為post
2.將enctype編碼格式由預設的urlencoded改為formdata
submit 提交按鈕 觸發form表單提交資料的動作
button 上面功能都沒有。就是乙個普通按鈕
reset 重置使用者填寫的資訊
select 選擇標籤 預設是單選的 可以通過設定multiple引數改為多選
乙個個的option就是乙個個的選項
textarea
大段文字框
button標籤 也可以出發form表單的提交動作
總結:1 獲取使用者輸入的標籤都必須有乙個name屬性
使用者輸入的值會被存放到標籤的value屬性中
你可以理解為name屬性對應是字典的key
使用者輸入的被value屬性獲取的到值是字典的value
2 label標籤
通常是和input標籤組合使用
get請求:朝服務端獲取資源(可以攜帶引數供服務端校驗)
不推薦攜帶敏感型的引數
get請求攜帶的引數是有大小限制的 大概4kb
可以攜帶一些不重要的引數
post請求:朝服務端提交資料
敏感性的資訊都應該採用post提交方式
標籤分類1:
雙標籤:h1~h6 a p div span table ul ol dl
自閉和標籤: img br hr input
標籤分類2:
塊兒級標籤
獨佔一行
塊兒級標籤可以巢狀塊兒級標籤和行內標籤
p標籤雖然是塊兒級標籤但是不能巢狀任何的塊兒級標籤只能巢狀行內標籤
可以設定長寬
行內標籤
大小取決於內容大小
不能設定長寬
前端之css
層疊樣式表(口紅，美甲，眉筆，化妝盒)
注釋
/*單行注釋*/
/* 多行注釋
*/語法結構
選擇器
三種引入css樣式的方式
head內style標籤內部直接書寫css**
link標籤引入外部css檔案
直接在標籤內通過style屬性書寫css樣式
ps:注意頁面css樣式通常都應該寫在單獨的css檔案中
1.先學如何查詢標籤
基本選擇器
標籤選擇器
id選擇器
類選擇器
通用選擇器
組合選擇器
後代選擇器
兒子選擇器
毗鄰選擇器
弟弟選擇器
屬性選擇器
偽類選擇器
偽元素選擇器
2.如何給查詢到的標籤設定樣式
標籤通常都必須有的屬性
id 用來唯一標識標籤
class 標籤類屬性(******),可以有多個值
ps:你可以把它理解成python物件導向的繼承
你可以給任意的標籤加任意的屬性名和屬性值
研究選擇器優先順序
相同選擇器 不同的引入方式 就進原則 誰越靠近標籤誰輸了算
不同選擇器 相同的引入方式
行內樣式 > id選擇器》 類選擇器 > 標籤選擇器
如何修改標籤樣式
今日內容總結:
css
前端選擇器
獲取第乙個元素 ul li first ul li eq 0 ul li first 獲取最後乙個 ul li last div ul eq 1 div ul eq 2 ul li first child css backgroundcolor 000 input name fruit eq 0 a...
前端 jQuery選擇器
jquery selectorstitle src script body header container style head jqueryh1 header container heading1 heading oneh1 para1 hellop class heading2 heading...
前端 jQuery選擇器
jquery 使用 css 選擇器來選取 html 元素。p 選取元素。p.intro 選取所有class intro 的元素。p demo 選取所有id demo 的元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有href屬性的元素。href 選取所有帶...