CSS技術(shù)的簡(jiǎn)介
1,css技術(shù)的簡(jiǎn)介
CSS是Cascading Style Sheet的縮寫。譯作」層疊樣式表單「。是用於(增強(qiáng))控制網(wǎng)頁(yè)樣式並允許將樣式資訊與網(wǎng)頁(yè)內(nèi)容分開的一種標(biāo)記性語(yǔ)言。使用CSS樣式可以控制許多僅使用HTML無法控制的屬性。 HTML是一種標(biāo)記性語(yǔ)言。當(dāng)在瀏覽器中開啟一個(gè)HTML網(wǎng)頁(yè)時(shí),瀏覽器將讀取該網(wǎng)頁(yè)中的HTML標(biāo)籤,並根據(jù)內(nèi)建的解析規(guī)則將網(wǎng)頁(yè)元素呈現(xiàn)。 css(層疊樣式表)決定瀏覽器將如何描述html元素的表現(xiàn)。換而言之,CSS就是描述HTML元素的規(guī)則。 CSS目前最新版本為CSS3,CSS能夠根據(jù)不同使用者的理解能力,簡(jiǎn)化或優(yōu)化寫法,針對(duì)各類人群,有較強(qiáng)的易讀性。
CSS層疊樣式表是一系列格式設(shè)定的規(guī)則,它們控制網(wǎng)頁(yè)內(nèi)容的外觀。使用CSS設(shè)定頁(yè)面格式時(shí),可以將內(nèi)容與表現(xiàn)分開。網(wǎng)頁(yè)內(nèi)容(即HTML程式碼)駐留在HTML文件本身中,而用於定義程式碼表現(xiàn)形式的CSS規(guī)則則駐留在另一個(gè)文件(外部樣式表)或HTML文件的另一部分(通常為文件頭部分)中。使用CSS可以更靈活地控制特定的頁(yè)面外觀,從精確的佈局定位到特定的字體和樣式。
CSS允許控制HTML無法獨(dú)自控制的許多屬性。例如,可以為選定的文字指定不同的字體大小和單位(像素、磅值等)。透過CSS可以用像素為單位來設(shè)定字體大小,從而可以確保在多個(gè)瀏覽器中以更一致的方式處理頁(yè)面佈局和外觀。除設(shè)定文字格式外,還可以使用CSS控制網(wǎng)頁(yè)中區(qū)塊層級(jí)元素的格式和定位。例如,可以設(shè)定區(qū)塊層級(jí)元素的邊距和邊框,其他文字周圍的浮動(dòng)文字等。
CSS格式設(shè)定規(guī)則由選擇器和宣告兩部分組成,其中選擇器是標(biāo)識(shí)格式元素的術(shù)語(yǔ)(如p、h1、類別名稱或id),聲明用於定義元素樣式。
CSS的主要優(yōu)點(diǎn)是提供了便利的更新功能。設(shè)計(jì)網(wǎng)站時(shí),可以建立一個(gè)CSS樣式表文件,然後將網(wǎng)站中的所有網(wǎng)頁(yè)都連接到該樣式表文件,這樣很容易為Web網(wǎng)站內(nèi)的所有網(wǎng)頁(yè)提供一致的外觀和風(fēng)格。當(dāng)更新某一樣式屬性時(shí),使用該樣式的所有網(wǎng)頁(yè)的格式都會(huì)自動(dòng)更新為新樣式,而不必逐頁(yè)進(jìn)行修改。
#2,網(wǎng)頁(yè)設(shè)計(jì)中常用的CSS屬性
#文字或元素的顏色color
背景顏色background-color
背景圖片background-image
字體font-family
文字大小font-size
清單樣式list
滑鼠樣式cursor
邊框樣式border
#內(nèi)補(bǔ)白padding
外邊距離margin