在網頁中如果要像word一樣將段落排得整整齊齊,
必須要靠CSS的語法幫助....
尤其是凸排真的會讓人抓狂,
在網路上搜尋到最簡單清楚的一篇教學是:天地教網站http://www.tienti.tw/?q=node/240
內容如下:
網頁中的文字及圖形是以HTML及CSS語言來編排呈現,本篇教學僅介紹幾個常用到的HTML及CSS語法,以利作者編排文字,方便讀者閱覽。

1、<p>    </p>      段落標記,用來標示一個段落的範圍。

2、<b>    </b>      粗體標記,用來標示粗體字的範圍。

3、<p style="  ">    </p>    CSS在HTML中的寫法。

4、font-size: large;    CSS語言,選擇「large」的字型大小。

5、text-indent: 2em;    CSS語言,首行縮排,em表示字元,此例為首行退縮2個字元(英文字母為0.5字元),負號表示為首行凸排。

6、margin-left: 2em;    CSS語言,左邊界,此例為段落的所有行皆退縮2個字元。

7、margin-top: 12px;    CSS語言,上邊界,此例為段落的上邊界下移12px(負值為上移)。

使用方式:
<p style="text-indent: -2em; margin-left: 4em; margin-top: -12px;">       </p>

未加HTML+CSS語言:

利用text-indent及margin-left兩個語法可以控制段落的縮排、首行縮排或凸排,以便於讀者了解文章段落的層階概念。而margin-top: -12px是因為程式預設段落之間有12px的間隔,設定-12px可以把兩段落的間隔移除


轉載自綿羊與小豬

arrow
arrow
    全站熱搜

    慕天雨 發表在 痞客邦 留言(0) 人氣()