- Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)從入門到精通(微課精編版)
- 前端科技
- 436字
- 2019-12-09 14:39:28
3.2 設(shè)置文本屬性
輸入文本之后,還需要設(shè)置文本的屬性,如文字的字體、大小和顏色,文本的對(duì)齊方式、縮排和列表等。設(shè)置這些屬性最好的方法就是使用文本【屬性】面板。【屬性】面板一般位于編輯窗口的下方,如圖3.4所示。

圖3.4 文本【屬性】面板(HTML選項(xiàng)卡下)
要設(shè)置文本屬性,應(yīng)先在編輯窗口中選中文本,然后在【屬性】面板中根據(jù)需要設(shè)置相應(yīng)選項(xiàng)即可。
【屬性】面板包括兩類選項(xiàng)卡:CSS和HTML。在面板左側(cè)單擊【HTML】按鈕可以切換到HTML選項(xiàng)卡狀態(tài),如圖3.4所示,在這里可以使用HTML屬性定義選中對(duì)象的顯示樣式。
如果單擊【CSS】按鈕,則可以切換到【CSS】選項(xiàng)卡狀態(tài),如圖3.5所示,在這里可以使用CSS代碼定義選中對(duì)象的顯示樣式。

圖3.5 文本【屬性】面板(CSS選項(xiàng)卡下)
提示:如果Dreamweaver CC主界面中沒有顯示【屬性】面板,可以選擇【窗口】|【屬性】命令打開【屬性】面板,或者按Ctrl+F3快捷鍵快速打開或關(guān)閉【屬性】面板。打開Dreamweaver CC窗口后,有時(shí)可能以最小化狀態(tài)顯示,此時(shí)只需單擊面板標(biāo)題欄中的深灰色區(qū)域即可快速打開【屬性】面板,再次單擊即可收縮【屬性】面板。
推薦閱讀
- Photoshop電商網(wǎng)頁(yè)廣告設(shè)計(jì)實(shí)戰(zhàn)從入門到精通(超值版)
- 眾妙之門:網(wǎng)站UI設(shè)計(jì)之道2
- CSS+DIV網(wǎng)頁(yè)樣式與布局案例指導(dǎo)
- JSP動(dòng)態(tài)網(wǎng)站開發(fā)案例指導(dǎo)
- 速學(xué)速通:快學(xué)Flash動(dòng)畫制作
- Photoshop網(wǎng)頁(yè)設(shè)計(jì)從入門到精通
- JavaScript網(wǎng)頁(yè)游戲制作輕松學(xué)
- Web程序設(shè)計(jì)
- 建筑CAD繪圖技術(shù)(第2版)
- Sketch 移動(dòng)UI與交互設(shè)計(jì)(視頻講解版)
- 網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目教程(微課版)
- Dreamweaver,F(xiàn)lash,F(xiàn)ireworks網(wǎng)頁(yè)設(shè)計(jì)百練成精(CS3版)
- 網(wǎng)站視覺設(shè)計(jì)
- HTML+CSS+JavaScript網(wǎng)頁(yè)制作從新手到高手
- Flash CS3網(wǎng)站建設(shè)實(shí)例詳解