話說盤古開天那會，嗯，還沒有網絡，再後來出現了網絡，一種簡單的容易理解的語言——HTML出現了。或許現在的網頁都很漂亮，但用最原始的有語義的HTML形成的網頁只能用簡陋來形容。
再後來，網頁變得越來越復雜，直到很少有人能再看懂自己寫的代碼。那個時代，Html的最重要的作用變成表現頁面的一種方式，那麼當時是怎麼來修飾頁面的呢？
人們用塊引用（Blockquote）來添加空白而不是表示引用;表格完全成了布局工具，而不是來顯示數據;用字體和粗體標簽的組合來創建所需的視覺效果，而不只是用標題元素突出顯示頁面標題。總之，Html這種原本為非表現性語言變成了多能的，後果就是誰也理不清那一堆亂亂的代碼。
這時人們急需一種獨立的，細化的，簡單的，易實現的表現性語言，來獨立於Html之外表現頁面。CSS出現了。
CSS全稱為Cascading Style Sheets，翻譯過來為層疊樣式表，一般稱樣式表。它是Html的一種擴展語言。
那麼我們可以用CSS來做什麼呢？
有了CSS，我們就可以控制網頁外觀並且將文檔的表現部分與內容分離開來。例如我們可以用CSS直接控制布局，而不是沒有語義的表格。總之，CSS讓以前復雜難懂的Html變得簡單，有意義。
CSS的語法是非常簡單的，但CSS在大多數人眼裡是難掌握的。這並不是CSS本身的錯，而是浏覽器Bug和不一致的顯示方式導致的。像我們最常用的IE就是最令設計人員頭痛的一個非常糟的浏覽器。我們日常使用一般都要盡量避免這些因浏覽器而導致的BUG。比如最常見的一種就是網頁在Firefox下顯示正常，而在IE下，側邊欄卻被“擠”到了下面，這就是由於IE錯誤的不符合標准的框模型造成的。當然，也存在一些修復Bug的方法（一般稱Hack），但並不推薦。當你在不同浏覽器上測試代碼時，你的設計可能在一種浏覽器上顯示的很好，但在另一浏覽器上布局可能會支離破碎。不要驚訝，這是一個現實的世界，並不完美。可以盡量找一些修復的方法。
現在用的CSS標准一般為2.1。
第一次寫系列教程，肯定有好多好多疏漏和錯誤，以後發現了會逐步完善，歡迎指正哦。以後盡量先寫到紙上，這樣思考的會細一些。這也是本人的一個深入學習的機會。記住：我也是菜鳥哦，比你知道的多不了多少。
在此系列教程中，我主要是根據自己的學習經歷和經驗，以最通俗的語言及例子說明一些抽象的概念，相信即使你從來沒有接觸過Html或CSS都可以學會。另外本教程所介紹的也是最基本的概念及最常用到的知識。
我接觸Html也是從Blogger開始的，以前的Blogger模板是純Html格式的。相信好多朋友連最基本的Html標記都不清楚，在學CSS之前，我將介紹我們最常用到的一些Html標記。算是CSS的基礎。
1.Html簡介
HTML的英文全稱是Hyper Text MarkUp Language，中文叫做“超文本標記語言”。
HTML文件看上去和一般文本類似，但是它比一般文本多了Tag（標記），比如<html>，<b>等，通過這些Tag，可以告訴浏覽器如何顯示這個文件。我們用記事本就可以編輯Html。
我們平常浏覽網頁是通過IE,Firefox此類的浏覽器，為什麼需要浏覽器呢？浏覽器是一種翻譯工具，它會解釋看起來復雜、凌亂的Html，讓人們得到最直觀的表現方式。先介紹一下Html的幾個基本概念：（1）標記（Tag），有的地方也稱作標簽。標記在Html中是用於描述功能的符號。標記是用來實現某種功能的，標記必須用<>括起來.舉個例子吧.
代碼拷貝框
[Ctrl+A 全部選擇 然後拷貝]
在上面的一行代碼中,<B>和</B>就是標記,那麼它們可以實現什麼功能呢?這兩個標記只有一個差別,就是後面的標記多了一個'/',這個標記的功能就是讓兩個標記中間的文字加粗顯示.我們會注意到在浏覽器中標記是不會顯示的,顯示出來的是它們之間的內容.所以我們可以看出,標記在這兒就起了某種功能的作用,標記指出了處於它們之間的內容在浏覽器中的表現方式.
標記一般都有一個“始標記”和一個“尾標記”，像上面例子中<B>就是始標記，帶上一個斜線就變成了尾標記。那麼為什麼需要兩個標記呢？只用一個不行嗎？其中始標記告訴浏覽器從此處開始標記所表示的功能，而尾標記則告訴浏覽器到這裡該功能結束。相信這是很容易理解的。當然也有一些單標記，比如最常用的單標記<BR>，它用來表示換行。
新版的Blogger用的是XML，它對標記的檢查非常嚴格，一般標記必須含有結束標記，有時候我們修改了代碼卻無法保存，或許就是漏了結束標記。
（2）屬性。HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力。
比如你可以使用一個bgcolor屬性，使得頁面的背景色成為紅色，就像這樣：
<body bgcolor="red">
（3）注釋語句。注釋語句的格式為：<!--注釋文-->
2.Html的基本結構
代碼拷貝框
[Ctrl+A 全部選擇 然後拷貝]
浏覽器在解釋Html的時候會由上而下執行，像流水一樣，這就是以後我們會接觸Html的一個“流”的概念，盡管簡單，卻是基礎。
上面的Html基本結構的第一個Tag是<html>，這個Tag告訴你的浏覽器這是HTML文件的頭。文件的最後一個Tag是</html>，表示HTML文件到此結束。
在<head>和</head>之間的內容，是Head信息。Head信息是不顯示出來的，你在浏覽器裡看不到。但是這並不表示這些信息沒有用處。Head信息是預加
12下一頁