2008/07/01, Tuesday |
|
|
css網頁文字行距的設定
文字的敘述是網頁設計的重要核心,也可表現一個網站的精髓與內涵。因此在網頁設計的專業領域裡,文字的排版是非常重要的。大部份的網頁設計師都會使用css來控制文字的排版,我們最常看到的當然就是行距與文字的大小的定義。不過在css網頁設計領域並不是只有文字的大小與行距的設定,他還是有非常多的設定。例如設定連結文字的顏色,或者圖片的設定、表格的設定等。當然我們最常看到的css網頁設計軟體就屬Dreamweaver 了,也就是在Dreamweaver 裡有讓你設定css的功能。css與網頁的設定使用,通常有兩種使用的規範,一種是內含式的,也就說在網頁的原始碼裡有內含css,另外一種是外部呼叫的,也就是在網頁以外另外再儲存一個副檔名為css的文檔,讓網頁呼叫使用。通常如果是一個經過規範過的網站,要讓整個網站的網頁設計統一,一般都會使用外部呼叫。不過css不只只有文字的編排,它還有較高竿的作法,例如像網頁的視覺設計或版面設計,這些專業的美編設計都可使用css下去設計,因此css的函蓋面是非常廣的。
那要如何在我們的網頁設計裡去定義css的文字呢?我們可以打開Dreamweaver,然後在網頁設計頁面裡打上幾行文字,然後框選所有的文字,按右鍵選擇"css樣式"再從選單中選擇"新增.."即可。 之後會跳出一個"新增 css 樣式"的對話框,你就可以設定css的名稱,如類別、標籤、或進階的設定,進階就是如文字連結的設定,連結文字的顏色。然後定義在這個文件的頁面,或要新增樣式表。新增樣式表就是剛剛講的連結外部的css,也就是這個網頁的文字去連結外部的css文檔。然後設定好了按確定,便會跑出一個你剛剛設定的css名稱的css樣式定義,文字的大小與行距就可在"類型"裡做設定。如果你設定好便可以按下確定按鈕。這樣就是表示你已經定義了一個css的名稱,而剛剛所講的框選你的文字,然後按滑鼠右鍵,選擇css樣式,就會跑出一個剛剛設定過的css名稱,然後選擇那個名稱,框選的文字就會跑出行距了。
|
|
|
|
最後更新 ( 2008/07/01, Tuesday )
|