1、先啟動DW軟件,新建文檔,文檔類型選擇【/HTML】-【XHTML1.0】,然后點擊【創(chuàng)建】。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、孟津網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為孟津等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
2、點擊創(chuàng)建后,DW會為之創(chuàng)建一個HTML文件,我們在body標(biāo)簽中加入一個div標(biāo)簽組。
3、然后在div標(biāo)簽中輸入下圖中的代碼,style代表了這個div直接添加了CSS樣式,這樣就成功了。樣式要在英文的引號中,否則是不起作用的。
對文本域添加css樣式,這個是可以的通過獲取到文本域的id或者是class來做的,這里我提交一段代碼:
html
head
style
textarea{
height:800; //設(shè)置文本域的高度
widht:400px; //設(shè)置文本域的寬度
font-size:12px; //設(shè)置文本域的字體大小
color:#f00; //設(shè)置文本域的字體顏色
}
/style
/head
body
textarea
我是文本域文字,
/textarea
/body
在css設(shè)置可改變大小的div滾動條樣式方法:
1.首先新建html文檔,進入代碼書寫界面。
2.在/head和body的里面寫入代碼,在div里面寫入想要輸入的內(nèi)容/div。
3.書寫外層軌道css代碼。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外層軌道*/}
這里主要是設(shè)置外層軌道的形狀和顏色。
4.書寫內(nèi)層軌道css代碼。body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*內(nèi)層軌道*/}
這里主要是設(shè)置內(nèi)層軌道的形狀和顏色。
5.代碼工作做完后,就可以查看效果,效果如下紅框所示,滾動條設(shè)置完成。
1、創(chuàng)建使用css樣式表有三種,分別是外部樣式表,內(nèi)部樣式表和內(nèi)聯(lián)樣式。下面通過一個小demo演示它們的用法,首先新建一個html文件,放入3個button按鈕,給前兩個按鈕分別設(shè)置class屬性為btn1和btn2:
2、接著準(zhǔn)備一個css文件,命名為demo.css,在文件內(nèi)寫入按鈕A的樣式,保存css文件:
3、回到剛才的html文件,在style標(biāo)簽中用link標(biāo)簽引入上一步創(chuàng)建的css文件,這就是外聯(lián)樣式的用法,總結(jié)就是創(chuàng)建好的css文件內(nèi)寫好樣式,然后在html文件中用link標(biāo)簽引入即可,這也是大部分網(wǎng)站使用的方法,因為其引入方便,管理起來也比較方便:
4、接著是內(nèi)部樣式表的使用,這里直接在head標(biāo)簽里創(chuàng)建style標(biāo)簽,在里面加入btn2的樣式。對于內(nèi)部樣式表簡單的html文件,內(nèi)部樣式是很方便的,但是結(jié)構(gòu)復(fù)雜的html文件使用它就會讓文件顯得很混亂:
5、最后是內(nèi)聯(lián)樣式的使用,直接在第三個標(biāo)簽內(nèi)使用style屬性加入樣式就可以了:
6、最后保存html文件,打開瀏覽器可以看到三個按鈕的樣式都出現(xiàn)了。以上就是css樣式表的制作方法:
有四種方式,行內(nèi)樣式,內(nèi)嵌式,鏈接和導(dǎo)入式
行內(nèi)呢是在標(biāo)簽里直接寫,比如div
style="text-align:center;
width:750px;"
內(nèi)嵌是寫在head/head之間,例如:style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋體";font-size:12px;
color:#000000;text-align:center}
--
/style
鏈接和導(dǎo)入沒有什么太大的區(qū)別,需要簡歷外部CSS文件,在GW中按ctrl+n有那選項
之后在頁面head/head之間加入CSS文件所在路徑調(diào)用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
文章題目:css添加樣式,js添加css樣式
網(wǎng)站鏈接:http://chinadenli.net/article38/dsihspp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、做網(wǎng)站、定制開發(fā)、網(wǎng)頁設(shè)計公司、搜索引擎優(yōu)化、移動網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)