CSS基礎選擇器

2021-08-30 06:39:53 字數 634 閱讀 8949

考核知識點

css基礎選擇器

練習目標

需求分析

要想將css樣式應用於特定的html元素,除了要掌握引入css樣式表的方法,還需要掌握css基礎選擇器的使用。本案例通過使用類選擇器來控制元素,並運用css內嵌式的方法來實現製作google logo的效果。

案例分析

效果如圖3-3所示。

google logo效果

具體實現步驟如下:

使用內嵌式引入css樣式表。

分別為頁面元素定義不同的類。

通過控制不同的類,分別為第乙個字母「g」設定為藍色、加粗、60px字型;

第二個字母「o」設定為紅色、加粗、60px字型;

第三個字母「o」設定為黃色、加粗、60px字型;

第四個字母「g」設定為藍色、加粗、60px字型;

剩餘字母「le」按預設樣式輸出。

go

ogle

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器,是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...

CSS 基礎選擇器

css cascading style sheet,層疊式樣式表,即乙個標籤可以同時被多種選擇器選擇,標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤,從而影響樣式。基礎選擇器 1.標籤選擇器,就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...