css基礎教程之CSS基礎語法欣賞

css基礎教程之CSS基礎語法

css基礎教程之CSS基礎語法欣賞

我們學習CSS要明白一個重要的問題,CSS主要是解決與實現表現(CSS)與結構(HTML)的'分離。我們編寫完HTML之後,如何通過CSS對HTML實現控制呢。

1、行內樣式

2、內嵌樣式

3、鏈接樣式

4、導入樣式

我們這一節課的示例就先從行內樣式開始

行內樣式:就是直接在HTML上寫樣式,就是HTML上加屬性style=””這種形式。如

divcss8

,但是這種方法並不是被我們推薦的,因為不利於實現表現與結構分離。也為後期維護帶來很多不必要的困難。我們只需要知道即可。

內嵌樣式:針對當前一個網頁可以使用的樣式,一般寫在html的標記中。而且要使用一個示明,我們的樣式都要寫到這個聲明中如下:

代碼如下: