**1、內聯樣式:**在標籤內使用style屬性指定css**
"color:red;"
>這是乙個div標籤<
/div>
**2、內部樣式:**在head標籤內,定義style標籤,style標籤的標籤體內容就是css**
div
hello css<
/div>
**3、外部樣式:**1. 定義css資源檔案。
2. 在head標籤內,定義link標籤,引入外部的資源檔案
"stylesheet" type=
"text/css" href=
"css/d1.css"
/>
"text/css"
>
@import
url(
"css/d1.css");
<
/style>
1、標籤選擇器/元素選擇器:選擇具有相同標籤名稱的元素
div
hello css<
/div>
**2、類選擇器:**選擇具有相同的class屬性值的元素。
.divid
"divid"
class
="divid"
>
這是id選擇器的div標籤
<
/div>
3、id選擇器:選擇具體的id屬性值的元素.建議在乙個html頁面中id值唯一
* 語法:#id屬性值{}
#divid
"divid"
>
這是id選擇器的div標籤
<
/div>
優先順序: id > class > 元素選擇器
4、選擇所有:優先順序最低
*
5、並集選擇器
span,p
span標籤<
/span>
這是乙個段落二<
/p>
<
/div>
6、子選擇器:選擇子元素
div p
div標籤
這是第乙個段落<
/p>
這是第二個段落<
/p>
<
/div>
7、父選擇器
div>p
span標籤<
/span>
這是乙個段落二<
/p>
<
/div>
8、相鄰選擇器
p+p
這是第乙個段落<
/p>
這是第二個段落<
/p>
9、兄弟選擇器:同乙個標籤
.span~span
="span"
> hello world1<
/span>
hello world2 <
/span>
10、屬性選擇器
"確定"
/>
css 取偶數節點 css節點擊擇器
基礎選擇器 基礎選擇器是選擇器的所有選擇器的基本組成元素,也最簡單,包含如下5個類別 id選擇器 標籤選擇器 類選擇器 屬性選擇器 類選擇器算是乙個特殊的屬性選擇器,通用的屬性選擇器舉例如下 css href html 通配選擇器 就是特殊符號 一般不建議單獨使用,因為這個匹配效率很低 組合選擇器 ...
CSS之基礎重點擊擇器的使用
常用的選擇器有如下幾種 1 標籤選擇器 標籤選擇器,此種選擇器影響範圍大,建議盡量應用在層級選擇器中。舉例 div 2 id選擇器 通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,所以不推薦使用id作為選擇器。舉例 box 3...
Beautiful Soup 01節點擊擇器
beautiful soup自動將輸入文件轉換為unicode編碼,輸出文件轉換為utf 8編碼,不需要考慮編碼問題。beautiful soup安裝 直接呼叫節點的名稱就可以選擇節點元素,再呼叫string屬性就可以得到節點內的文字了,這種選擇方式速度非常快。如果單個節點結構層次非常清晰,可以選用...