打開頁面,打開css設計器,添加css源,在頁面中定義,切換代碼界面,定義名為#box和#text的css樣式。
創(chuàng)新互聯(lián)是一家專業(yè)提供古交企業(yè)網(wǎng)站建設,專注與網(wǎng)站建設、做網(wǎng)站、H5技術、小程序制作等業(yè)務。10年已為古交眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡公司優(yōu)惠進行中。
2.
點擊插入Div,定義ID為text,點擊確定。
3.
點擊實時視圖即可看到相應的效果。
1、先啟動DW軟件,新建文檔,文檔類型選擇【/HTML】-【XHTML1.0】,然后點擊【創(chuàng)建】。
2、點擊創(chuàng)建后,DW會為之創(chuàng)建一個HTML文件,我們在body標簽中加入一個div標簽組。
3、然后在div標簽中輸入下圖中的代碼,style代表了這個div直接添加了CSS樣式,這樣就成功了。樣式要在英文的引號中,否則是不起作用的。
1、直接在html標簽元素內(nèi)嵌入css樣式,如
div?style="font-size:14px;color:#FF0000;"
2、在html頭部head部分內(nèi)style聲明插入代碼如下:
style?type="text/css"
!--
.ceshi?{font-size:14px;?color:#FF0000;}
--
/style
3、在html頭部head部分內(nèi)使用@import引用外部CSS文件方法
style?type="text/css"
!--
@import?url(wcss.css);
--
/style
Wcss.css文件內(nèi)代碼.ceshi {font-size:14px; color:#FF0000;}
4、在html頭部head部分內(nèi)使用link來調(diào)用外部的css文件
在head放置linkrel="stylesheet" href="wcss.css" type="text/css"/來調(diào)用外部的wcss.css文件來實現(xiàn)html引用css文件
linkrel="stylesheet"?href="wcss.css"?type="text/css"/
首先CSS(級聯(lián)樣式表)一般來講分3種:
外聯(lián)樣式表:CSS樣式單獨寫在一個CSS文件中,HTML頁面使用link標簽引入這個文件;
內(nèi)聯(lián)樣式表:CSS樣式寫在HTML頁面的head標簽內(nèi);
內(nèi)嵌樣式表:CSS樣式直接寫在HTML標簽的style屬性里。
然后說下在DW里怎樣使用它們(以下以DW CS6版本為例,其他版本大同小異):
在DW里可通過直接引入、CSS樣式面板和屬性面板的方式來使用CSS。
如果是外聯(lián)樣式表,在DW界面中可通過直接拖動CSS文件到頁面的方式直接將這個樣式表引入到頁面(注意要拖放到head標簽內(nèi))。
在DW的CSS樣式面板中可以方便的管理CSS樣式,可新增、刪除、修改標簽的樣式。
如需要為某個元素(例如一段文字)應用某個樣式,可通過DW的屬性面板里的“類”下拉列表來快速為其應用樣式。