涩涩爱在线观看-涩涩www在线观看免费高清-涩色综合-涩色影院-国产成人精品视频免费-国产成人精品视频播放

在進行網站建設時如果添加文本元素呢？今天圭谷設計來為大家詳細分解文本元素的步驟：

文本是傳遞信息的基礎，瀏覽網頁內容時，大部分時間是瀏覽網頁中的文本，所以學會在網頁中創建文本至關重要。在Dreamweaver CS6中可以很方便地創建出所需的文本，還可以對創建的文本進行段落格式的排版。

一、課堂案例——在網頁中添加文本

文本是基本的信息載體，是網頁中基本的元素，在瀏覽網頁時，獲取信息

直接、直觀的方法就是通過文本。下面通過實例講述如何在網頁中添加文本。

終實例效果文件所在的位置：終文件\CH01\1.5.1\index1.htm。

1 打開“原始文件\CH01\1.5.1\index.htm”

2 將光標放置在要輸入文本的位置，輸入文本。

二、設置文本字體類型

輸入文本后，可以在【屬性】面板中對文本的大小、字體和顏色等進行設置。設置文本屬性的具體操作步驟如下。

1 在【屬性】面板中【CSS】選項卡的【字體】下拉列表中選擇【編輯字體列表】選項。

2 在彈出的【編輯字體列表】對話框中的【可用字體】列表框中選擇要添加的字體，單擊[圖片]按鈕添加到左側的【選擇的字體】列表框中。此時，在【屬性】面板的【字體】列表框中就會顯示新添加的字體。重復以上操作即可添加多種字體。若要取消已添加的字體，可以在【編輯字體列表】對話框的【字體列表】列表框中選中該字體組合，相應的多個字體會出現在【選擇的字體】列表框中，然后選中要取消的字體，單擊按鈕即可。

3 完成字體樣式的編輯后，單擊【確定】按鈕確認修改并關閉該對話框。完成一個字體樣式的編輯后，可進行下一個樣式的編輯。若要刪除某個已經編輯的字體樣式，可在【編輯字體列表】對話框的【字體列表】列表框中選中該樣式單擊[圖片]按鈕。

4 這里在【屬性】面板中選擇【字體】為“宋體”，彈出【新建CSS規則】對話框，在對話框的【選擇器類型】中選擇“類（可應用于任何HTML元素）”，在【選擇器名稱】中輸入名稱“.ziti”，在【規則定義】中選擇“僅限該文檔”

。

三、設置文本大小

選擇一種合適的字體，是決定網頁美觀、布局合理的關鍵，在設置網頁時應對文本設置相應的字號。

1 選中要設置字號的文本，在【屬性】面板中的【大小】下拉列表中選擇字號的大小，或者直接在【大小】文本框中輸入相應大小的字號。

2 此時彈出【新建 CSS 規則】對話框，設置相應選項后單擊【確定】按鈕，即可完成文本大小的位置。

四、設置文本顏色

設置文本顏色的具體操作步驟如下。

1 選中設置顏色的文本，在【屬性】面板中單擊【文本顏色】按鈕，打開調色板。

2 在調色板中選中所需的顏色，光標變為[圖片]形狀，單擊鼠標左鍵即可選取該顏色，此時彈出【新建CCS規則】對話框，設置完成后單擊【確定】按鈕，即可設置文本顏色。

【提示】

如果調色板中的顏色不能滿足需要時，單擊按鈕，彈出【顏色】對話框，在對話框中選擇需要的顏色即可。

五、設置文本段落

文檔中，也可以設置文本的段落格式，以使網頁中的文本更加美觀和易讀。其段落的概念與在編排Word文檔中的段落概念相同，當然對段落的設置也大同小異。

選中要設置標題段落的文本，選擇【窗口】|【屬性】命令，打開【屬性】面板，在【格式】下拉列表中選擇所需的段落格式

在【格式】下拉列表中可以設置以下段落格式。

【段落】：選擇該項，則將插入點所在的文字塊定義為普通段落，其兩端分別被添加<p>和</p>標記。

【預先格式化的】：選擇該項，則將插入點所在的段落設置為格式化文本。其兩端分別被添加<pre>和</pre>標記。這時候在文字中間的所有空格和回車等格式全部被保留。

【無】：選擇該項，則取消對段落的指定。

【標題】：常常用來強調段落要表現的內容，在HTML中共定義了6級標題，從1級到6級，每級標題的字體大小依次遞減。