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