1.css selector支援id、class的定位 與html中css定位相同
# 號表id 定位有id的標籤方式更加簡潔
#i1.代表class定位有id的標籤方式更加簡潔
.c1class定位還提供了多個class定位通過連續.來縮小範圍
.c1.c2.c3
2.css selector支援標籤定位沒什麼卵用
與css相同支援標籤選擇器，但並沒有什麼用，乙個頁面重複的標籤太多
定位方式：直接輸入標籤名稱
3、css selector支援任意屬性定位
屬性定位方式與css相同,直接中括號，加上屬性就可以了
[name='n1']
4、單單屬性定位不足以滿足我們的定位需求，css selector提供了標籤屬性組合定位
與css定位相同等同於我們標籤屬性選擇器
input[name='n1']
當與id、class組合使用時書寫方式更為簡單
class
input.c1
idinput#i1
5、css selector提供了多屬性組合過濾
css selector的多屬性組合選擇過濾沒有and只需要多個連線就可以
select[name='city'][size='4'][multiple="multiple"]
6、同樣css selector也支援層級關係定位
與xpath的不同css selector通過》來區分層級的界定
select>option[value='3']
7、css selector模糊匹配
^=匹配元素屬性以什麼開頭
input[value^="登"]
$=匹配屬性以什麼結尾
input[value$="錄"]
*=匹配屬性包含什麼值input
[value*="錄"]
CSS的使用方法
我們為網頁新增樣式表的方法有四種。1 最簡單的方法是直接新增在html的識別符號 tag 裡 tag style properties 網頁內容 tag 舉個例子 p style color blue font size 10pt css例項 p 說明 用藍色顯示字型大小為10pt的 css例項 儘...
Css 變數使用方法
doctype html en utf 8 viewport content width device width,initial scale 1.0 document title root 全域性定義 root 使用方法 myvarible after可以在元素的後面加入內容 myvarible ...
CSS定位使用方法
對於網頁頁面布局來說，使用定位進行布局十分的方便。絕對定位 使用絕對定位應當將父元素設定為相對定位，否則元素絕對定位的基準會一直尋找外層非靜態定位元素 doctype html html lang en head meta charset utf 8 title title title style ...