首頁 >web前端 >css教學 >css能做什麼

css能做什麼

青灯夜游
青灯夜游原創
2021-04-02 14:57:413336瀏覽

CSS主要用來設計網頁的樣式,美化網頁;它不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS能夠對網頁中元素位置的排版進行像素級精確控制,支援幾乎所有的字體字號樣式,擁有對網頁物件和模型樣式編輯的能力。

css能做什麼

本教學操作環境:windows7系統、CSS3版、Dell G3電腦。

CSS(Cascading Style Sheets,層疊樣式表),它是一種用來表現HTML或XML等檔案樣式的電腦語言,是用來表示html樣式的一種程式語言,是可以做到網頁和內容進行分離的一種樣式語言。

在CSS之前,幾乎所有HTML文件的表示屬性都包含在HTML標記中(特別是在HTML標記中);所有字型顏色、背景樣式、元素對齊、邊框和大小都必須在HTML中顯式描述。

因此,大型網站的開發成為一個漫長而昂貴的過程,因為風格訊息被反覆添加到網站的每個頁面上。

為了解決這個問題,萬維網聯盟(W3C)於1996年引進了CSS,並維護了它的標準。 CSS旨在實現表示和內容的分離。現在,Web設計人員可以將網頁的格式資訊移至單獨的樣式表中,這會使HTML標記更加簡單,並且具有更好的可維護性。

css能做什麼

CSS主要用來設計網頁的樣式,美化網頁;它不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支援幾乎所有的字體字號樣式,擁有對網頁物件和模型樣式編輯的能力。

在主頁製作時採用CSS技術,可以有效地對頁面的佈局、字體、顏色、背景和其它效果實現更精確的控制。

只要對對應的程式碼做一些簡單的修改,就可以改變同一頁面的不同部分,或是頁數不同的網頁的外觀和格式。

CSS具有以下特點:

  • 豐富的樣式定義

    CSS提供了豐富的文件樣式外觀,以及設置文字和背景屬性的能力;允許為任何元素建立邊框,以及元素邊框與其他元素之間的距離,以及元素邊框與元素內容之間的距離;允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

  • 易於使用和修改

    CSS可以將樣式定義在HTML元素的style屬性中,也可以定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS檔案中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。

    另外,可以將相同樣式的元素進行歸類,使用同一個樣式定義,也可以將某個樣式套用到所有同名的HTML標籤中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式清單中找到相應的樣式聲明進行修改。

  • 多重頁面應用程式

    CSS樣式表可以單獨存放在一個CSS檔案中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。 CSS樣式表理論上不屬於任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。

  • 層疊

    簡單的說,層疊就是對一個元素多次設定同一個樣式,這將使用最後一次設定的屬性值。例如對一個網站中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫,在瀏覽器中看到的將是最後面設定的樣式效果。

  • 頁面壓縮

    在使用HTML定義頁面效果的網站中,往往需要大量或重複的表格和font元素形成各種規格的文字樣式,這樣做的後果就是會產生大量的HTML標籤,進而使頁面檔案的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減少頁面的體積,這樣在載入頁面時使用的時間也會大大的減少。另外,CSS樣式表的複用更大程度的縮減了頁面的體積,減少下載的時間。

(學習影片分享:css影片教學

以上是css能做什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn