前端二與css開篇

2022-08-17 07:18:21 字數 1573 閱讀 4154

**標籤:

原生的**都是很醜的,所以我們一般直接使用框架封裝好的**

表單標籤:作為我們階段比較重要的標籤之一,我們需要著重介紹一下,form標籤最重要的使用就是為我們向服務端傳輸資料。

input標籤:前端中多功能小能手,通過type屬性值的不同而具有不同的功能。

使用者名稱:

textarea標籤:

表單配置:

form表單提交檔案需要注意:

1.method必須是post

2.enctype="multipart/form-data"

enctype類似於資料提交的編碼格式

預設是urlencoded 只能夠提交普通的文字資料

formdata 就可以支援提交檔案資料

補充: 補充兩個屬性值

disable 禁用

readonly唯讀

css:層貼樣式表:就是給html標籤新增樣式的,讓它變的更加的好看。

我們又開始學習了一門新的語言,所以老規矩,先學注釋

/*單行注釋*/

/*多行注釋1

多行注釋2

多行注釋3

*/css的語法結構:

選擇器

我們首先來介紹一下引入的方式,在之前我們也介紹過相關的方法,所以在這裡就給大家一帶而過啦~~~~~

1.style標籤內部直接書寫

2.link標籤引入外部css檔案(最正規的方式 解耦合性強)

3.行內式

接下來我們來介紹一下css的選擇器

基本選擇器: id選擇器: #id{}

類選擇器: .class{}

元素選擇器: 元素{}

通用選擇器: *{}

組合選擇器:我們在前端中將標籤的巢狀用親戚關係來表述層級

divdiv p

div p

div p span

span

span

div裡面的p span都是div的後代

p是div的兒子

p裡面的span是p的兒子 是div的孫子

div是p的父親

後代選擇器:父親 後代{}

兒子選擇器:父親》兒子{}

毗鄰選擇器:標籤+標籤{}

弟弟選擇器:兄~弟{}

屬性選擇器: 1 含有某個屬性

2 含有某個屬性並且有某個值

3 含有某個屬性並且有某個值的某個標籤

[屬性]{}

前端系列 01 開篇

最近工作中需要用到vue,於是就學習了一下前端相關的知識,由於我本人是從事測試相關崗位,主要也就寫寫能滿足測開需求的頁面,如admin之類的頁面,因此,涉及前端的知識也不會很全面,路線html css j ascript vue2.尚在學習和摸索階段,偏向個人筆記的風格吧,因每個人的計算機知識面不同...

前端筆記(CSS二)

1 emmet 語法 emmet語法的前身是zen coding,它使用縮排,來提高html css的編寫速度,vscode內部已經整合該語法。1 快速生成html結構語法 2 快速生成css樣式語法 1.1快速生成html結構語法 1 生成標籤直接輸入標籤名 按tab鍵即可 比如 div 然後ta...

前端之CSS(二)

v hint content width x height1 content 2 border 風格解釋 solid 實線dashed 虛線dotted 點狀線double 雙實線groove 槽狀線ridge 脊線inset 內嵌效果線 outset 外凸效果線 v hint border滿足整體...