tft每日頭條

 > 生活

 > css的三基本選擇器

css的三基本選擇器

生活 更新时间:2024-08-09 08:22:56

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 {屬性:屬性值} ,這個也要寫,裡面放超鍊接中相同屬性,不同屬性分别寫在不同的僞類選擇器中。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved