本課程深入研究使用級聯樣式表(CSS)增強HTML視覺效果。 我們將從CSS選擇器開始 - 針對特定HTML元素的工具。 [2
CSS決定了HTML組件的外觀:顏色,間距,大小等。雖然您可以使用內聯屬性(例如
element在 emplort)exply(&& && &&&)emplort的
egiarter()使用
p {
顏色:紅色;
文本描述:下劃線;
}
或者
/ * style.css */
p {
顏色:紅色;
文本描述:下劃線;
}
元素的樣式。 瀏覽器開發人員工具(例如,右鍵單擊,在Chrome中進行“檢查”),讓您檢查並修改應用樣式進行故障排除。
選擇所有/* style.css */
p {
color: red;
text-decoration: underline;
}
每個元素都可以具有唯一的。 ID選擇器(#idname
)目標元素通過其
s必須是唯一的,限制了它們的靈活性。 類提供更大的多功能性。 多個元素可以共享同一類。類Selectors(。className
)與該類的目標元素。 元素可以具有多個類(例如,)。
。 red-text {顏色:red; }
使用類樣式。
p.red-text 專門僅樣式
red-text
[2
文檔對像模型(DOM)表示頁面的結構為樹。 組合器選擇器利用此層次結構。
:在。 div> p
:僅選擇 elements。
[2
[2
不建議使用過度複雜的組合組合。 您可以將它們與類Selectors(例如
)結合使用。
[2
)。 偽元素選擇器針對元素的一部分(例如, :: first-letter
)。
[2
[2
h1,h2,p
屬性selectors(例如,
):基於屬性。
[2
響應式設計
響應式圖像
最初出現在Thedevspace。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3