1. 程式人生 > >html引入css的方法,以及css選擇器

html引入css的方法,以及css選擇器

html 中間 col css選擇器 sheet strong sna 方法 權限

Html中引入css的四種方式

1、行內式

style=“XXX”寫在標簽中

<h1 style = "color: #000;">

2、內嵌式

把style標簽寫在head標簽中

<style>
    h1{color: #000;}
</style>

3、導入式

在style標簽中使用@import=“css_File”

<style>
    @import"style.css"
</style>

4、鏈接式

使用link標簽和href=“css_File”

<link rel="stylesheet" href="style.css" type="" media=""/>

css的基本選擇器

1、標簽選擇器:tagName{}

2、類別選擇器:.className{}

3、ID選擇器:#idName{}

4、通配符:*{}表示頁面內的所以元素

css復合選擇器(權限:直連>空格>逗號)

1、交集選擇:中間沒空格(基本選擇器之間)

表示前後多個選擇器都滿足

2、並集選擇:用逗號(",")隔開(基本選擇器之間)

表示前後多個選擇器滿足其中一個

3、後代選擇:用空格(" ")隔開(基本選擇器之間)

表示前者中的後者

css中的優先級

style行內>#id樣式>.class樣式>tag樣式

html引入css的方法,以及css選擇器