7 css基本選擇器 層疊樣式

2022-06-22 21:48:15 字數 714 閱讀 3853

1、css基本選擇器

div裡面的p

div裡面的span

pppspan111

span222

2、css層疊樣式表

/*單行注釋*/

/*多行注釋

*/通常在寫css樣式的時候會用注釋劃定區域

css的三種引入方式

1、style標籤內部直接書寫2、link標籤引入外部css檔案(最正規的方式、解耦合)

3、行內式(一般不用)

老闆好,要妹紙嗎css的學習流程

1、先學如何查詢

css查詢標籤的方式

後面所有框架封裝的查詢語句都是基於css來的

css選擇器

基本選擇器

id選擇器

類選擇器

元素/標籤選擇器

通用選擇器

組合選擇器

div span 後代選擇器 拿所有層級

div>span 二子選擇器 只拿第一層級

div+span 毗鄰選擇器 同級別緊挨著的下面第乙個

div~span 同級別下面所有的span

屬性選擇器

1、含有某個屬性

2、含有某個屬性 並且有某個值

3、含有某個屬性並且有某個值某個標籤

ps屬性選擇器是以 起手作為標誌 的

css層疊樣式 選擇器

1.內聯 在標籤中設定style屬性 標籤名 style 樣式1 樣式值 3.外部引入 新建。css檔案,在css檔案中寫樣式 選擇器1 在html檔案的head標籤中用 選擇器 1.id選擇器 在標籤中加入id屬性 標籤名 id id值 2.class 在標籤中加入class屬性 class值 3...

7 CSS屬性選擇器

可以為擁有指定屬性的 html 元素設定樣式,而不僅限於 class 和 id 屬性。注釋 只有在規定了 doctype 時,ie7 和 ie8 才支援屬性選擇器。在 ie6 及更低的版本中,不支援屬性選擇。下面的例子為帶有 title 屬性的所有元素設定樣式 title 下面的例子為 title ...

css層疊樣式表 基本選擇器

css 層疊樣式表 style 樣式 修飾和美化整個網頁,實現各種不同的網頁布局風格 行內樣式的優先順序最高 內部樣式和外部樣式並沒有明確的優先順序,看先後書寫順序,後寫的會覆蓋先寫的 行內樣式 將css樣式直接加到html每乙個標籤上,在頭部標籤書寫 類似於寫html的屬性 使用style 樣式名...