CSS學習1 基礎標籤和選擇器

2021-09-30 20:03:51 字數 1167 閱讀 6344

style標籤一般位於head標籤中title標籤之後,也可以把他放在html文件的任何地方。

《標籤名 style="屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;"> 內容 將所有的樣式放在乙個或多個以.css為副檔名的外部樣式表檔案中,通過link標籤將外部樣式表檔案鏈結到html文件中。

href:定義所鏈結外部樣式表檔案的url,可以是相對路徑,也可以是絕對路徑。 type:定義所鏈結文件的型別,在這裡需要指定為「text/css」,表示鏈結的外部檔案為css樣式表。 rel:定義當前文件與被鏈結文件之間的關係,在這裡需要指定為「stylesheet」,表示被鏈結的文件是乙個樣式表檔案。

使用「.」(英文點號)進行標識,後面緊跟類名

gee

使用「#」進行標識,後面緊跟id名

#id名
用「*」號表示,能匹配頁面中所有的元素

*
兩個選擇器構成,其中第乙個為標籤選擇器,第二個為class選擇器

eg: div.class1 選擇的是: 類名為 .class1 的 div標籤。

各個選擇器通過逗號連線而成的,任何形式的選擇器(包括標籤選擇器、class類選擇器id選擇器等)只要逗號隔開的,所有選擇器都會執行後面樣式。

比如 .one, p , #test 表示 .one 和 p 和 #test 這三個選擇器都會執行顏色為紅色。 通常用於集體宣告。

為某元素子元素的元素

.table > tr > td.large_content_td
若.table、tr、td.large_content_td中擁有的相同屬性字段,則優先使用td.large_content_td

序號選擇器

含義5.

e,f多元素選擇器,同時匹配所有e元素或f元素,e和f之間用逗號分隔

6.e f

後代元素選擇器,匹配所有屬於e元素後代的f元素,e和f之間用空格分隔

7.e > f

子元素選擇器,匹配所有e元素的子元素f

8.e + f

毗鄰元素選擇器,匹配所有緊隨e元素之後的同級元素f

CSS標籤選擇器

1.什麼是標籤選擇器?作用 根據指定的標籤名,在當前介面中找到所有該名稱的標籤,然後設定屬性。格式 標籤名 屬性 值 注意點 1.標籤選擇器選定的是當前介面中所有該名稱的標籤,而不能單獨選定某一標籤 2.標籤選擇器無論標籤藏得多深都能找到 3.只要是html中的標籤都可以作為標籤選擇器。2.id選擇...

CSS總結1(基礎選擇器)

css主要功能是 美化頁面 css組成 選擇器以及一條或多條宣告 風格 1.樣式格式書寫 展開格式 2.樣式大小寫 小寫 3.空格規範 屬性之前,冒號後保留乙個空格 選擇器和大括號之間也保留乙個空格 類選擇器 差異化選擇不同的標籤,單獨乙個或某幾個標籤 乙個標籤可有多個名字,class屬性寫多個類名...

css引入方式和標籤選擇器

1 行內式 即直接在標籤元素中新增樣式 color blue i like you 2 內部式 在head標籤中新增style標籤,在style標籤中按如下格式編寫 stylesheet href css index.css 三種引入方式也具有一定的優先順序關係 行內式優先順序最高 內部式和外部式的...