首页
/
每日頭條
/
生活
/
css的三基本選擇器
css的三基本選擇器
更新时间:2026-06-12 03:08:13

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-06-12
讀假如給我三天光明讀後感400字
讀假如給我三天光明讀後感400字
作文題目:《假如給我三天光明》讀後感(作者:李康佑6年級楊鳳君指導)她就像是我生活裡的指明燈,引領着我在人生的道路上勇敢奮進。她就像是一艘小船,帶着無數的人們一次次到達那知識的美好彼岸。她就是我們的良師益友,一次次指引着我們前行的方向。她就...
2026-06-12
做一碗正宗美味的炸醬面吧
做一碗正宗美味的炸醬面吧
夏至代表盛夏将至,這一天的日照時間也是全年最長,同時從夏至開始到大暑這段時間也會非常炎熱。當然,夏至當天根據習俗一定要準備一碗夏至面喲,今天根據家裡的食材做了一碗鮮味濃郁的炸醬面。By水憐憂【豆果美食官方認證達人】用料自制面條适量雞蛋2個豆...
2026-06-12
披薩的做法自己在家做披薩
披薩的做法自己在家做披薩
披薩,又稱比薩餅,是一種來源于意大利的食品。披薩通常做法是用發酵的圓面餅上面覆蓋番茄醬,奶酪以及其他配料,并由烤爐烤制而成。披薩配菜很多營養豐富,味道也很好。我家人喜歡吃面食,包子餃子饅頭輪着吃,披薩也是隔三差五的做。披薩口味很多,我們家人...
2026-06-12
魔獸世界獵人各版本的代表武器
魔獸世界獵人各版本的代表武器
盤點魔獸世界獵人曆代套裝很早就傳出消息,8.0版本不再有職業套裝,也因此當前版本的T21或許就是最後的絕唱了,借此機會盤點下獵人的曆代套裝,因為本人十幾年來一直堅持玩的LR,所以比較有心得體會,今天與大家分享。初次嘗試:t0-野獸追獵者,t...
2026-06-12
Copyright 2023-2026 - www.tftnews.com All Rights Reserved