css入門教程

首先，希望大家有一個安穩的心態。CSS不是什麼太難的東西，只要慢慢學，多練習，入門是非常快的。個人認為CSS不是程式設計語言，所以不用擔心數學不好之類的問題。

廢話不多說，現在開始。

一 Web標準的優勢

Web標準似乎自2003年開始便開始出現在國內。掀起了一股學習Web標準和Css布局的熱潮。於是乎，大家就那麼開始學了。

事實上，Web標準伴隨著Web表現層技術的發展一直存在於網路技術中。它從未離開過人們的實現。它並非僅僅是一堆技術指標，由於Web標準對網站架構進行了豐富的結構定義與技術約定，Web標準引領者網站互動式設計的思想前沿，不僅僅從網站的代碼級設計上帶給人們更大的自由度，而且結合Web標準的設計思想讓網站的製作更加的方便，可靠，使使用者體驗更加的豐富。

1.1 Web標準

這裡簡單的說就好了。

Web 標準是有W3C(World Wide Web Consortium)和其他標準化組織制定的一套規範集合，包含我們熟悉的Html，Xhtml，Javascript以及Css等。Web標準的目的在於建立一套統一的，用於Web表現層的技術標準，以便於通過不同瀏覽器或終端裝置向終端使用者展示資訊。

1.2 Web表現層技術

Web本身是由一套非常複雜的技術架構組成，其最終目的是面向瀏覽器或應用程式的使用者提供一個可視化的，便於操作的資訊互動平台。

而表現層技術指的就是將資訊展示給使用者並提供給使用者互動行為的技術，簡單理解起來就是--樣式。展現給使用者的是一個網頁，而背後它就是一些代碼。

舉個例子，我們身上穿的衣服，看起來是一件非常好看的衣服。那麼衣服好看與否其實就是網頁的設計如何，而這種好看通過衣服這樣的介質表現出來，介質就是 WEB（網頁）。那麼衣服又是由五顏六色的線和布塊來組成的，從衣服的外面看上去，他們是好看的圖案和新穎的款式。而在裡面，我們就能看到它的本質--- 線和布塊。而上述的這些東西，除了網頁設計之外統統都屬於Web表現層技術。

1.3 Web標準的構成。

目前，Web標準是由三大部分組成的標準集：結構(Structure)  表現(Presentation)  行為(Behavior)。

依然來舉例子。衣服看上去很漂亮，這樣歸功於設計（網頁的頁面設計，用PhotoShop設計網頁的過程），衣服本身是一種傳播美的介質（我們用瀏覽器瀏覽的就是網頁），而衣服的口袋設計在哪，領子，脖子，袖子設計在哪，都是一種結構上的要求（Web標準，一個網頁該有些什麼東西），這件漂亮的衣服是由線和布塊縫製而成的（這些線和布塊就就是HTML語言），線和布塊是什麼顏色什麼材料的（CSS要做的事情，可以理解成美化HTML）。為了讓漂亮的衣服穿在身上，我們要拉上拉鏈（拉動拉鏈就是一種行為，而拉鏈就是行為的主體）

同樣，我們可以再舉個例子。你買了一套房子。這個房子是三室一廳還是兩室一廳，這個叫做結構；那麼哪裡放電視，哪裡放裝飾畫，這個叫做表現。而與房子產生互動（比如進入房子就是一種互動）就是行為。

1.4 結構(Strcture)

結構裡主要包含這麼幾個技術，我只列出名稱。具體內容大家可以去問Google和Baidu。

1 Html(Hyper Text Mark-up Language)超文字標記語言 (HTML)。
2 Xml(The Extensible Markup Language)可延伸標記語言 (XML)
3 Xhtml(The Extensible Hyper Language)  可擴充超文字標記語言 (HTML)

1.5 樣式(Presentation)

Css (Cascading Style Sheets) 層疊樣式表

1.6 行為(Behavior)
Dom(Document Object Model) 文件物件模型
ECMAScript