首页
/
每日頭條
/
生活
/
css的三基本選擇器
css的三基本選擇器
更新时间:2026-08-15 00:45:26

css的三基本選擇器?下面是承接上文的知識點簡介:6.表單,我來為大家科普一下關于css的三基本選擇器?下面希望有你要的答案,我們一起來看看吧!

css的三基本選擇器(HTML基礎知識自學必知教程)1

css的三基本選擇器

下面是承接上文的知識點簡介:

6.表單

對于功能性的表單,HTML僅僅是産生表單的表面樣子,為後台提供數據。

創建所有表單 <form></form>

創建一個滾動菜單,size設置在需要滾動前可以看到的表單項數目 <select multiple name=”NAME” size=</select>

設置每個表單項的内容 <option>

創建一個下拉菜單 <select name=”NAME”></select>

文本框區域,列的數目設置寬度,行的數目設置高度 <textarea name=”NAME” cols=40 rows=8></textarea>

複選框,文字在标簽後面 <input type=”checkbox” name=”NAME”>

單選框,文字在标簽後面 <input type=”radio” name=”NAME” value=”x”>

單行文本輸入區域,size設置以字符計的寬度 <input type=text name=”foo” size=20>

submit(提交)按鈕 <input type=”submit” value=”NAME”>

使用圖象的submit(提交)按鈕 <input type=”image” border=0 name=”NAME” src=”name.gif”>

reset(重置)按鈕 <input type=”reset”>

本來以為後面還會有更多知識點可以分享給大家,誰知都是一下雜亂無章的筆記而已

下面我想和大家分享一下,CSS的選擇器吧

文章如下

在CSS中,選擇器用于選擇需要添加樣式的元素,簡單的講,就是确定你要把樣式給那個元素。在我們寫web前端的時候,選擇器的使用是非常頻繁的,合理的使用選擇器會精簡大量的代碼。小松果總結了下,CSS選擇器大緻的歸類為基礎選擇器和符合選擇器兩類。

1、基礎選擇器

a、html标簽選擇器:

标簽{屬性:屬性值}

div、p、h1、span……

b、class 類選擇器,可以共用重複:

.name {屬性:屬性值}

标簽中有class=”name”的元素

c、id選擇器: 唯一性

#name{屬性:屬性值}

标簽中有id=”name”的元素

d、屬性選擇器

*[title] {屬性:屬性值}

所有包含标題(title)的元素

e、通配符選擇器,所有的元素:

* {屬性:屬性值}

例:* {margin:0; padding:0}

2、複合選擇器

a、 後代選擇器:

A B { 屬性:屬性值}

注:A指父級選擇器 B指子級選擇器

b、僞類選擇器:

a:link {屬性:屬性值} 默認

a:visited {屬性:屬性值} 訪問過的鍊接

a:hover {屬性:屬性值} 鼠标經過

a:active {屬性:屬性值} 激活狀态(選中時的狀态)

注:順序不能錯 l v h a,還有一個a {屬性:屬性值} ,這個也要寫,裡面放超鍊接中相同屬性,不同屬性分别寫在不同的僞類選擇器中。

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
夏天出汗能美容養顔嗎
夏天出汗能美容養顔嗎
哈喽小仙女們早上好~小仙女們有沒有聽過「汗蒸、運動出汗能夠排毒養顔」的說法。出汗之後,身體該排洩的廢物就都排出去了,小臉紅撲撲、水嫩嫩的比敷了面膜還有用。此話當真?姐今天就跟你們盤點一下關于出汗的幾個誤區!汗液的構成汗液是無色透明的液體。其...
2026-08-15
佳能二手相機哪裡有賣
佳能二手相機哪裡有賣
剛剛入門攝影的小夥伴,在看了許多的美圖和教程之後,一定是想拿起相機嘗試拍攝,那是不是在困擾,現在買什麼樣的器材是最合适的,最具有性價比的呢?所以今天就和大家聊聊佳能的單反相機并給大家推薦三款性價比比較高值得入手的佳能相機~全畫幅半畫幅都有哦...
2026-08-15
澳大利亞綠卡和pr的區别
澳大利亞綠卡和pr的區别
如果稍微了解澳大利亞移民政策,你會看到幾個專業術語,比如TR、PR,這些指的在澳洲的身份,不同身份對應不同澳洲簽證,那麼擁有這些簽證的人能享受澳洲哪些福利?星漢小編給你講解。澳洲臨時居留簽證TR顧名思義就是擁有該簽證可以在澳洲居留一段時間。...
2026-08-15
對比的表達效果
對比的表達效果
對比的表達效果?運用這種手法,有利于充分顯示事物的矛盾,突出被表現事物的本質特征,加強文章的藝術效果和感染力,我來為大家講解一下關于對比的表達效果?跟着小編一起來看一看吧!對比的表達效果運用這種手法,有利于充分顯示事物的矛盾,突出被表現事物...
2026-08-15
意大利研究生讀研條件
意大利研究生讀研條件
近年來,意大利高等教育以入學門檻低,公立大學免費,高額獎學金,高留學簽證率、就業率和廣泛的國際認可度受到了世界各地留學生的青睐。那麼,意大利研究生讀幾年呢?研究生學制兩年,要在2年内完成120個學分。研究生正式畢業需要修完300個學分。意大...
2026-08-15
Copyright 2023-2026 - www.tftnews.com All Rights Reserved