當前位置:才華齋>設計>網頁設計>

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

網頁設計 閱讀(1.97W)

css基礎教程之CSS基礎語法

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

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

1、行內樣式

2、內嵌樣式

3、連結樣式

4、匯入樣式

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

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

divcss8

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

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

程式碼如下: