小編給大家分享一下dw中css屬性有幾種類型,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)是專業(yè)的惠民網(wǎng)站建設(shè)公司,惠民接單;提供網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行惠民網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!在dw中css屬性有八類,分別是:1、Type類型;2、Background背景;3、Block塊;4、Box盒子;5、Border邊框;6、List列表;7、Positioning定位;8、Extensions擴(kuò)展。
首先介紹一下CSS樣式的屬性:
CSS樣式屬性被分為八大類:類型,背景,區(qū)塊,邊框,列表,定位,擴(kuò)展。
類型主要定義文本的字體,大小,顏色,行高和修飾等。如圖所示:
內(nèi)聯(lián)樣式可以通過style屬性直接套進(jìn)定義對(duì)象的HTML標(biāo)記中去,即style屬性值就是內(nèi)聯(lián)樣式,使用格式如下:
<標(biāo)記名 style="CSS樣式屬性名值對(duì)">
例如<span style="font-size:24px;color : red;">這是內(nèi)容</span>,
使用內(nèi)聯(lián)樣式有如下的優(yōu)缺點(diǎn):
缺點(diǎn):
1.內(nèi)聯(lián)樣式會(huì)與需要展示的內(nèi)容融合在一起,因此會(huì)使網(wǎng)頁維護(hù)工作非常麻煩
2.使用內(nèi)聯(lián)樣式需要記憶大量的CSS樣式屬性名,因此,實(shí)際中很少使用內(nèi)聯(lián)樣式
3.CSS樣式中的部分屬性與HTML標(biāo)記的屬性不相同,例如表示文本大小的CSS樣式屬性名為font-size,而<font>標(biāo)記中表示文本大小的屬性名為size
4.不如用內(nèi)部樣式方便
優(yōu)點(diǎn):
1.該用法可以用于幾乎任何HTML標(biāo)記
采用內(nèi)部樣式:
在DW的樣式面板(按下shift+F11即可調(diào)出)單擊加號(hào),新建通用樣式,如圖:
然后完成對(duì)樣式的設(shè)置,就會(huì)在代碼窗口中出現(xiàn)該樣式的定義。
如圖:
可以將樣式名前的“·”修改為“#”,此時(shí)引用“#”樣式則需要使用id屬性而不是Class屬性。
效果圖如下:
方法三:
采用外部樣式:
內(nèi)部樣式是指在頁面文檔頭部建立的CSS樣式,可供本頁面中所有的HTML標(biāo)記引用。如果要建立所有頁面都能使用的樣式,則需要建立外部樣式。
外部樣式是一個(gè)以.CSS文件作為擴(kuò)展名的文本文件,其中包含了許多個(gè)樣式的定義,在DW中,使用菜單“文件”→“新建”→“常規(guī)”→“CSS樣式表”,就進(jìn)入了CSS樣式文件的編輯窗口。如圖所示:
在上面的窗口里,有三個(gè)HTML標(biāo)記,(body,td和th分別代表主題,表格的單元格和表格的行的樣式,它們會(huì)自動(dòng)應(yīng)用于文檔的主體、表格的單元格和表格的行,實(shí)質(zhì)上是重新定義HTML標(biāo)記的外觀,注:默認(rèn)情況下,新建HTMl文檔時(shí),頁面主體部分輸入的文本大小是16px、黑色)
為了引用樣式文件中的通用CSS樣式,需要在頁面的頭部使用<Link>標(biāo)記,格式如下:
<link rel="stylesheet" href="擴(kuò)展名為CSS的樣式文件名“>
rel=“stylesheet”表示引用文件和當(dāng)前頁面的關(guān)系,即引用文件修飾當(dāng)前頁面文件;href屬性設(shè)置了引用的CSS樣式文件。
然后就可以對(duì)任意新建的文檔采用此CSS樣式了。效果圖如下:
以上是“dw中css屬性有幾種類型”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當(dāng)前題目:dw中css屬性有幾種類型-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于:http://aaarwkj.com/article46/cdhpeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站、App開發(fā)、外貿(mào)建站、虛擬主機(jī)、定制網(wǎng)站、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容