表單標籤和css基礎

2021-10-09 02:42:32 字數 1104 閱讀 7413

​ method屬性:請求方式(get/post)

input是表單相關標籤,可以放在form標籤中做資料的提交和重置

type屬性:設定標籤種類

div和span

div和span本身無語義,在html中是比較輕量級的標籤

span - 用於一行顯示多個內容的時候

div - 主要用於介面標籤的分組和分塊

選擇器是用來選中指定標籤來增加樣式的

常用選擇器:

id選擇器:在標籤的id值前加#作為乙個選擇器,選擇id屬性是指定值的標籤(同樣id值在當前頁面只能有乙個)

​ 例:#p1 - 選中id是p1的標籤

類選擇器:在標籤的class屬性前鍵.作為乙個選擇器,選中class屬性是指定值的標籤

​ 例:.c1{} - 選擇class是c1的所有標籤

​ 注意:同乙個class值可以作用於多個標籤;同乙個標籤可以有多個class值,之間用空格隔開

元素選擇器:直接用標籤名作為選擇器,選中當前頁面所有指定標籤

​ 例:p{} - 選擇當前頁面所有p標籤

萬用字元:*作為選擇器,選擇當前頁面所有標籤

​ 例:*{}

群組選擇器:直接將多個選擇器用,隔開作為乙個選擇器,選擇每個選擇器所選的所有標籤

後代選擇器:將多個選擇器用空格隔開作為乙個選擇器

​ 例:div p{} - 獲取所有div後代中的p標籤

​ div .p1{} - 獲取所有div後代中class是p1的標籤

子代選擇器:將多個選擇器用大於符號隔開作為選擇器

​ 例:div>p{} - 獲取所有div子代中的p標籤

​ div>.p1{} - 獲取所有div子代中class是p1的標籤

普通選擇器選中的是標籤(標籤的所有狀態),偽類選擇器選中的是標籤的狀態

語法:選中標籤的選擇器:偽類選擇器{}

常用偽類選擇器:

link - 鏈結未被成功訪問對應的狀態(只針對超連結有效)

visited - 鏈結已經被成功訪問後對應的狀態(只針對超連結有效)

hover - 滑鼠懸停在標籤上時的狀態(對所有可見標籤有效)

active - 滑鼠在標籤上按住不放時的狀態(對所有可見標籤有效)

CSS基礎標籤

css基礎知識 1.1基本概念 css層疊樣式表 cascadingstyle sheets html描述了要呈現的內容,而css則定義了這些內容的呈現形式,比如字型 顏色等。使用css能夠將頁面內容和呈現形式有效分離,有利於分工合作,也有利於快速更換不同的呈現形式 使用樣式表可以有3種方式 同過c...

form表單域和表單標籤

在html中,form標籤被用於定義表單域,以實現使用者資訊的收集和傳遞,form中的所有內容都會被提交給伺服器。屬性值 value 你好 通過textarea控制項可以輕鬆地建立多行文字輸入框.cols 每行中的字元數 rows 顯示的行數 我們實際開發不用 選項1 option 選項2 opti...

css標籤和html標籤

一,html 標題標籤 h1,h2,h3,h4,h5,h6 段落標籤 水平線標籤 換行標籤 水平線標籤 size 水平粗細線 width 水平線寬度 align 水平線對齊方式 color 水平線顏色 字型標籤 funt size 文字大小 color 字型顏色 face 文字的字型 標籤 src ...