CSS的語(yǔ)法結(jié)構(gòu)有哪些
  • 更新時(shí)間:2024-11-08 08:51:16
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 349

說(shuō)完XHTML網(wǎng)站制作的基礎(chǔ)知識(shí),接下來(lái)就是我們的重頭戲CSS了。要將CSS 應(yīng)用到XHTML 中,首先要做的是選擇一個(gè)合適的選擇器,這是CSS 控制XHTML 文檔中對(duì)象的一種方式。簡(jiǎn)單的說(shuō)就是用來(lái)告訴瀏覽器這個(gè)樣式將應(yīng)用到哪個(gè)對(duì)象上。CSS屬性與選擇符

CSS的語(yǔ)法結(jié)構(gòu)只由3部分組成: 選擇器(Selector)、屬性(Property)和值(Value)。

:使用方法

選擇器{Property:Value;}

選擇器(Selector),也稱為選擇器,指的是這組樣式代碼要針對(duì)的對(duì)象。可以是XHTML標(biāo)簽(如body,h1),也可以是定義了特定id或class的標(biāo)簽(如#main, selector表示選擇div id='main',即賦值對(duì)象id 名為main)。瀏覽器會(huì)嚴(yán)格解析CSS選擇器,每一組樣式都會(huì)被瀏覽器應(yīng)用到對(duì)應(yīng)的對(duì)象上。

屬性(Property)是CSS樣式控制的核心。 CSS為每一個(gè)XHTML標(biāo)簽提供了豐富的樣式屬性,如顏色、大小、定位、浮動(dòng)模式等。

值(value)是指屬性的值。有兩種形式,一種是指定范圍的值(比如float屬性,只能用left,right,none三個(gè)值),一種是一個(gè)值(比如width可以用0 -9999px 或其他指定的數(shù)學(xué)單位)。

在實(shí)際應(yīng)用中,我們經(jīng)常使用以下幾類申請(qǐng)表:

身體{background-color:blue;}

表示選擇器為body,即選擇頁(yè)面中的body標(biāo)簽,屬性為background-color。該屬性用于控制對(duì)象的背景顏色,其位為藍(lán)色??梢钥闯?,利用這組css代碼,將頁(yè)面中body對(duì)象的背景顏色定義為藍(lán)色。

除了定義單個(gè)屬性外,還可以為單個(gè)標(biāo)簽定義一個(gè)或多個(gè)屬性,每個(gè)屬性之間用分號(hào)分隔。類型選擇符

上面的body{} 是一個(gè)類型選擇器。所謂類型選擇器,是指以網(wǎng)頁(yè)中已有的標(biāo)簽名作為名稱的選擇器。 body是網(wǎng)頁(yè)中的標(biāo)簽名,div也是,span也不例外。所以下面的選擇器都是類型選擇器,它們會(huì)控制頁(yè)面中所有的body(body自然只有一個(gè)).div或者span。

身體{}

股息{}

跨度{}

我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!

本文章出于推來(lái)客官網(wǎng),轉(zhuǎn)載請(qǐng)表明原文地址:https://www.tlkjt.com/web/12495.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部