css的三基本選擇器?下面是承接上文的知識點簡介:6.表單,我來為大家科普一下關于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每日頭條,我们将持续为您更新最新资讯!