Html中的DIV+CSS的布局學習

一、瞭解CSS基礎知識。

現在好像比較流行給一系列的文章建立一個索引，既然這樣我也就俗氣一下。不過好處還是有的，方便大家的學習和查看。

下面就是最近對Css學習的系列文章：

Css基礎學習（一）—如何使用CSS？

現在web開發人員如果不知道CSS那就太落伍了，不過知道不等於會使用，更不等於精通。而我剛好屬於那個知道CSS是幹什麼的，僅此而已的一員。

CSS：Cascading Style Sheet，層疊樣式表，可以將網頁的大部分甚至全部的表示資訊從HTML檔案中移出，達到表現資訊和核心內容相分離，達到易於維護以及美工和程式員分工更加明確的好處。

Css基礎學習（二）—CSS基礎性概念

我們首先簡單的說明一下什麼是ID和類。ID是一個標識碼，因此在一個HTML頁面中，ID只能出現一次；而類相當於一種類別，屬於一種類的可以是一個也可以是多個，因此類可以在頁面中無限次地使用。

Css基礎學習（三）—構造塊

div，看見這個一定很興奮吧。最流行的網站布局就是靠它加上css來實現的，講css沒有它怎麼行呢。不過今天我們暫時不談論布局，就對塊的常用屬性做一個較為詳細的介紹，為後面的布局打下堅實的基礎，那我們就開始把。

Css基礎學習（四）—文本

文本是網頁內容的核心，文字的美觀、可視性、表現性會加強網頁內容的可讀性。相對於精美的圖片和樣式，枯燥的文字就沒有得到相應的重視程度。人們瀏覽網頁並不是漫無目的的欣賞圖片，而是擷取資訊。我們下面就來說說文字的一些基本樣式。

Css基礎學習（五）—顏色、背景與映像

使用css來控制網頁的顏色、背景和映像也算是將網頁的內容與表現分開的一種方式，不過映像並不全是，需要根據映像的性質來決定。那我們就來看看怎麼樣使用css樣式來進行對顏色、背景和映像的控制。

Css基礎學習（六）—列表

瀏覽任何基於Web標準建立的網站資源，幾乎都可以看到一個導航列表、一個外部連結清單、有的還有按鈕列表和數組列表。網站設計開始階段就採用簡單的列表可保證設計的靈活性和各種功能，並且可以在某些瀏覽情境下簡化設計。

Css基礎學習（七）—連結

網頁的發展就是從連結開始的，沒有連結的網頁只是孤立的，基本稱不上是網頁。通過css，連結可以變成一個非常美觀且功能強大的對象。當然話說回來，雖然我們可以對連結進行很多控制，但是不能夠為了追求美觀和新奇而影響連結的準系統。廢話就不多說了，就開始連結化物件css的學習吧。

Css基礎學習（八）—表格

終於輪到我們的表格出場了，雖然表格在以前過度的使用在了網頁的布局當中，但是其價值還是存在的。很顯然把表格貶得一文不名是不公平的！表格在表示列表資料方面有著其突出的作用，我們就學習一下使用css怎麼使表格發揮它應有的威力。

 Css基礎學習（九）—縮寫

css的樣式縮寫簡潔，而且減少了頁面傳輸的流量，應該是每一個頁面設計師追求的目標。我們就來看看我們前面講解的內容中的一些縮寫。

Css基礎學習（十）—思考

說說已經學會的知識如何更好的應用，我們學習了基礎、文法，可是還沒有在實際的開發中間應用呢。

 

 

Css Div布局學習（一）—Div布局基礎 - 聚仙亭 - CSDNBlog

我們介紹了Css的基礎屬性和使用，我們從現在開始講解Css+Div布局的一些內容。大家準備好，我們要開始布局之旅了。如果你對Css還不是很熟悉的話，可以去看看我前面的幾篇文章。