當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

CSS標簽選擇器

CSS標簽選擇器

更新時間:2023-06-13 文章作者:未知 信息來源:網絡 閱讀次數:

網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

CSS標簽選擇器

一個完整的HTML頁面是由很多不同的標簽組成,而CSS標簽選擇器就是聲明哪些標簽采用哪種css樣式。例如P選擇器,就是用于聲明頁面中所有<p>標簽的樣式風格。

【基本語法】

【語法介紹】

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<style type="text/css">
p{ font-size:20px; background:#cc4; color:090; }
</style>
<body>
<p>標簽選擇器</p>
<p></p>
</body>
</html>

【代碼分析】

以上這段代碼聲明了頁面中所有p標簽的背景都是#cc4;(綠色),文字大小均是20px,文字顏色為#090,這在后期維護中,如果想改變整個網站中P標簽背景的顏色,只需要修改background屬性就可以了。在瀏覽器中預覽效果如圖所示。

標簽選擇器運行效果

每一個css選擇器都包含了選擇器本身、屬性和值,其中屬性和值可以設置多個,從而實現對同一個標簽聲明多種樣式風格。

 【素材及源碼下載】

請點擊:CSS標簽選擇器 下載本實例相關素材及源碼

 


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品