1. 程式人生 > >CSS學習日記01——CSS概述

CSS學習日記01——CSS概述

CSS又稱為 層疊樣式表 (Cascading Style Sheets) •。css可以用來為網頁建立樣式表,通過樣式 表可以對網頁進行裝飾。 所謂層疊,可以將整個網頁想象成是一層 一層的結構,層次高的將會覆蓋層次低的。 •而css就可以分別為網頁的各個層次設定樣 式。

CSS目前最新版本為CSS3,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言,CSS能夠對網頁中的物件的位置排版進行畫素級的精確控制,支援幾乎所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力,並能夠進行初步互動設計,是目前基於文字展示最優秀的表現設計語言。CSS能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。

基本語法  :

CSS的樣式表由一個一個的樣式構成,一個 樣式又由選擇器和宣告塊構成。

 語法: – 選擇器 {樣式名:樣式值;樣式名:樣式值; }

             – p {color:red; font-size:12px;}

行內樣式 :可以直接將樣式寫到標籤內部的style屬性 中,這種樣式不用填寫選擇器,直接編寫 宣告即可。這種方式編寫簡單,定位準確。但是由於 直接將css程式碼寫到了html標籤的內部,導 致結構與表現耦合,同時導致樣式不能夠 複用,所以這種方式我們不使用。

例:<p style="color: red;font-size: 30px"></p>

內部樣式表 :可以直接將樣式寫到<style>標籤中。這樣使css獨立於html程式碼,而且可以同時為 多個元素設定樣式,這是我們使用的比較多的 一種方式。  但是這種方式,樣式只能在一個頁面中使用, 不能在多個頁面中重複使用。

例:<style> p{color:red; font-size: 30px;} </style>

外部樣式表 :可以將所有的樣式儲存到一個外部的css文 件中,然後通過<link>標籤將樣式表引入 到檔案中。
 這種方式將樣式表放入到了頁面的外部, 可以在多個頁面中引入,同時瀏覽器載入 檔案時可以使用快取,這是我們開發中使 用的最多的方式。