css語法結構有哪些
來源：尚品中國|
類型：網站百科|
時間：2014-08-04
說完XHTML的網站制作基礎知識，下一步將是我們的重頭戲CSS了。而將CSS應用到XHTML之中，首先要做的就是選用合適的選擇符，選擇符是CSS控制XHTML文檔中對象的一種方式。簡單地說，它用于告訴瀏覽器，這段樣式將應用到哪個對象。
CSS屬性與選擇符
CSS的語法結構僅由3個部分組成:選擇符(Selector).屬性(Property)和值(Value)。
使用方法:
Selector {Property:Value;}
選擇符(Selector)又稱選擇器，指這組樣式編碼所要針對的對象，可以是一個XHTML標簽(如body, h1)，也可以是定義T特定id或class的標簽(如#main，選擇符表示選擇<div id="main">即一個被指定了id名為main的對象)。瀏覽器將對CSS選擇符進行嚴格的解析，每一組樣式均會被瀏覽器應用到對應的對象上。
屬性(Property)是CSS樣式控制的核心，對于梅個XHTML標簽，CSS都提供了豐富的樣式屬性，比如顏色、大小、定位、浮動方式等。
值(value)指屬性的值，形式有兩種，一種是指定范圍的值(如float屬性，只可能應用left, right, none三種值)，另一種為數值(如width能夠使用0-9999px或其他數學單位來指定)。
在實際應用中，我們往往使用以下類型的應用形式：
body {background-color:blue;}
它表示選擇符為body，即選擇了頁而中的<body>標簽，屬性為background-color,這個屬性用于控制對象的背景色，其位為blue。可見，頁面中的body對象的背景色，通過使用這組Css編碼，被定義為藍色。
除了對單個屬性的定義，同樣可以為單個標簽定義一個或者多個屬性，每個屬性之間使用分號隔開。
類型選擇符
上面的body{}便是一種類型選擇符。所謂類型選擇符，指以網頁中己有的標簽名作為名稱的選擇符，body是網頁中的一個標簽名，div也是，span也不例外。因此以下的選擇符都是類型選擇符，它們將控制頁面中所有body(body自然只有一個).div或span.
body{}
div{}
span{}
CSS屬性與選擇符
CSS的語法結構僅由3個部分組成:選擇符(Selector).屬性(Property)和值(Value)。
使用方法:
Selector {Property:Value;}
選擇符(Selector)又稱選擇器，指這組樣式編碼所要針對的對象，可以是一個XHTML標簽(如body, h1)，也可以是定義T特定id或class的標簽(如#main，選擇符表示選擇<div id="main">即一個被指定了id名為main的對象)。瀏覽器將對CSS選擇符進行嚴格的解析，每一組樣式均會被瀏覽器應用到對應的對象上。
屬性(Property)是CSS樣式控制的核心，對于梅個XHTML標簽，CSS都提供了豐富的樣式屬性，比如顏色、大小、定位、浮動方式等。
值(value)指屬性的值，形式有兩種，一種是指定范圍的值(如float屬性，只可能應用left, right, none三種值)，另一種為數值(如width能夠使用0-9999px或其他數學單位來指定)。
在實際應用中，我們往往使用以下類型的應用形式：
body {background-color:blue;}
它表示選擇符為body，即選擇了頁而中的<body>標簽，屬性為background-color,這個屬性用于控制對象的背景色，其位為blue。可見，頁面中的body對象的背景色，通過使用這組Css編碼，被定義為藍色。
除了對單個屬性的定義，同樣可以為單個標簽定義一個或者多個屬性，每個屬性之間使用分號隔開。
類型選擇符
上面的body{}便是一種類型選擇符。所謂類型選擇符，指以網頁中己有的標簽名作為名稱的選擇符，body是網頁中的一個標簽名，div也是，span也不例外。因此以下的選擇符都是類型選擇符，它們將控制頁面中所有body(body自然只有一個).div或span.
body{}
div{}
span{}
來源聲明：本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業-
電子商務驅動者的因特網和萬維網
因特網的成長速度遠遠超過了以前任何一種電了信息傳播媒介的成長速度。圖I...
2014-08-21 -
網絡證券的主要特點
由于網絡的發展，譬如：網站制作、網絡證券、網上購物等等都相繼的出現，本...
2014-08-29 -
不推薦網站建設使用FLASH展示
網站建設首當其沖便是頁面設計。很多企業在網站建設過程中都鐘愛FLASH...
2012-07-29 -
解讀模板網站建站與制作
1.為主頁選擇一個模板，然后我們可以開始制作它，網站模板的制作也就開始...
2020-08-24 -
不學騙術 只學心術
不過也有人說這是玩戰略，所以我認為做運營在硬件條件具備的情況下就是做心...
2012-06-18 -
網站建設Web安全介紹
此刻，您已向整個世界提供了您的 IP 地址。請確保您沒有同時提供對私人...
2018-08-10
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
