1. 首行縮排
你知道的，從小學，老師就教我們，段落的開頭應該空兩格。而你使用word的時候，也有首行縮排這個功能，但在html中你的空格鍵好像起不了作用了。當然，你可以用 來代替乙個空格，但這不是理想的方式，用css吧，簡單，有效：
你的內容
這樣的話，這個有style="text-indent:2em;"段落就會顯示兩個字元的縮排了。縮排更多? 修改2em, 2表示2個字元，你可以相應增加或者減少。
2. **混排
在word中，我們可以用環繞來讓文字顯示在周圍，而css，中，我們可以用float，來讓文字在沒有清理浮動的時候，顯示在以外的空白處。如下所示：
在下面的**中ytxhd，把float設定成left，會顯示在左邊，而right則顯示在右邊，而margin-right是為了不讓文字和貼在一起需要寫的，如果你設定的是float:right;剛相應應該是把 margin-right改成margin-left：
www.cppcns.com
www.cppcns.comlt="說明" />
&www.cppcns.comnbsp; 3. 設定背景色
先來看乙個示例，如果你有需要引用的內容，而主題中又沒有設定，或者希望自己定製一下背景顏色。
**如下，如果你不知道顏色是如何定義的，你可以看看web216安全，換上相用的顏色代號就可以了，比如#faf7e8表示上面的淺黃色：
4. 讓文字居中
如上例，只要在**中加入text-align:center，就可以讓文章在容器的寬度內水平居中。oh，容易哦?!
5. 顯示乙個邊框
邊框我們會用到border，新增乙個邊框，只要加上style="border:1px dotted #080;"1px**邊框的大小，而dotted是邊框的樣式，常用的樣式用三個:solid(實邊) dashed(虛線) dotted(點狀虛線). 就像上面例項的邊框中，我使用的是dotted邊。
www.cppcns.com 好吧，就寫這5個比較常用的。更多的css基礎知識，你可以到w3school中文學習，不需要很多時間，你就可以輕鬆排版了。
本文標題: 網頁排版 5個css基礎
本文位址:
CSS網頁排版
自印刷出版物誕生以來，排版就一直是平面設計的基礎。同樣，排版在網頁設計中也扮演著重要角色。對應網頁而言，文字顏色也許是最基本的樣式之一。預設情況下，瀏覽器把絕大部分文字渲染為黑色。p字型族 font family 屬性的值是乙個備選字型的列表，按優先順序從左到右排列。bodygeorgia是一種襯線...
css網頁布局基礎
塊級元素，行級元素都是盒子模型 三種定位機制 標準文件流 浮動 float 及絕對定位 margin auto 1 設定了浮動的元素仍然處於標準文件流中 2 當設定浮動，沒有輸入內容，就會縮成乙個點 3 浮動會影響接下來的下乙個元素 4 清除浮動 clear both width 100 overf...
網頁開發基礎 CSS
是層疊樣式表單，用於 增強 控制網頁樣式並允許將樣式資訊與網頁分離的標記語言。實際開發中主要用於設定html頁面中的文字內容 字型 字型大小 對齊方式等 的外形及版面布局等外觀顯示樣式。規則如下 選擇器上式中選擇器用於指定css樣式作用的html物件，屬性是對該物件的具體樣式。案例 通過css樣式對...