css styles和html styles有什么區(qū)別?
htm style是指自定義html標(biāo)識(shí)中一些標(biāo)簽,例如說(shuō)在html中< b>< /b>標(biāo)簽是代表加粗的字體,那么在html style中你可以改變對(duì)該標(biāo)簽的定義。它是針對(duì)元素標(biāo)簽進(jìn)行定義。
css style是指自定義css樣式表。在這里你可以按照自己的意愿指定文本、表格、背景等等一系列元素在頁(yè)面中所能體現(xiàn)的樣式。它是針對(duì)內(nèi)容或者說(shuō)從總體上對(duì)頁(yè)面進(jìn)行定義。
從應(yīng)用來(lái)說(shuō),當(dāng)然是css樣式表更廣泛些。
在建立一個(gè)新樣式時(shí),dw的默認(rèn)項(xiàng)是建立外連式樣式表,因?yàn)槟憧梢噪S時(shí)改變它,應(yīng)用起來(lái)很方便。但它還有另一個(gè)選項(xiàng),就是內(nèi)部樣式,只應(yīng)用到指定的頁(yè)面中。
推薦使用外連式樣式表,便于應(yīng)用于其它頁(yè)面和編輯修改。
怎樣在網(wǎng)頁(yè)中設(shè)置鏈接的顏色和下劃線,以及響應(yīng)鼠標(biāo)的顏色和下劃線變化?
方法一(最簡(jiǎn)單的方法):按ctr+j鍵,打開(kāi)頁(yè)面屬性設(shè)置對(duì)話框,直接改變links、visited links和active links的顏色值。但該法不能設(shè)置鼠標(biāo)懸停色和下劃線變化。
方法二:利用css設(shè)置。按shift+f11鍵打開(kāi)css style浮動(dòng)面板,點(diǎn)擊其下部的“+”號(hào),建立新樣式。在彈出對(duì)話框的中部,選擇use css selector,在上部的下拉框selector中,分別選擇a:link(超鏈本身樣式)、a:hover(超鏈?zhǔn)髽?biāo)懸停樣式)、a:active(正激活的超鏈樣式)和a:visited(已訪問(wèn)鏈接樣式),在分別彈出的對(duì)話框中可隨意設(shè)置不同狀態(tài)下的顏色、字體、是否下劃線等。
當(dāng)然,你也可直接在< head>< /head>之間直接加入以下代碼:
< style type="text/css">
a:link {}
a:active {}
a:visited {}
a:hover {}
< /style>
其中{}內(nèi)為設(shè)置的具體參數(shù)。例如
a:hover {font-size: 9px; color: #ffffff; text-decoration: underline}
就表示:當(dāng)鼠標(biāo)懸停在鏈接上,鏈接的字體為9磅字,顏色為白色,有下劃線。如何在同一頁(yè)面中定義兩套不同的超鏈本身和其鼠標(biāo)的響應(yīng)樣式?
a.1:link {}
a.1:active {}
a.1:visited {}
a.1:hover {}
并且在要應(yīng)用該css的連接上加: < a class=1 href="###">link
以次類推,可以設(shè)定多套,名字不一定為數(shù)字,可以隨便設(shè)定。
在dw中,怎樣設(shè)置頁(yè)面的濾鏡效果(如陰影、光照、透明、頁(yè)面切換等)?
下面是讓圖片半透明的例子,可以直接用代碼實(shí)現(xiàn)。
在之間加入:
< style type=text/css>
.pic{filter:alpha(opacity=50)}
< /style>
在圖片上加上< img src="0008.jpg" width="303" height="385" class="pic">
怎樣設(shè)置表格虛線?
方法一:作一個(gè)1x2的圖。半黑半白,再利用表格作成線。這種方法雖然麻煩,但在任何瀏覽器中均可瀏覽,兼容性最好。
方法二:在css里面設(shè)定。
在css面板里new一個(gè)style,選擇“redefine html tag”,再在下拉菜單里先“table”,在彈出的面板里,category里選擇border,在border里,將top,left,right,bottom都設(shè)成1px,顏色設(shè)成你想要的邊框的顏色。然后在style下拉框里選擇dashed。一切ok。只是所有的表格都會(huì)用虛線做邊框了。注意,這個(gè)效果在瀏覽器里才能看見(jiàn)。
方法三:直接在html里設(shè)置(如果你只想讓某一個(gè)表格邊框是虛線的話)。
在表格的html里加上這個(gè):
style="border-left: #000000 1px dashed; border-right: #000000 1px dashed; border-top: #000000 1px dashed; border-bottom: #000000 1px dashed"
顏色是十六位代碼,你可以自己設(shè)。方法二、三,只能在ie5.5里用,到了netscape里一點(diǎn)用處都沒(méi)有,除非你用做好的底圖填充。怎樣在dw4中設(shè)置表格亮邊框和暗邊框?
可以用以下三種方法來(lái)解決或者變通實(shí)現(xiàn):
1.做一個(gè)1px寬度有顏色的表格線,將表格邊框 border設(shè)置為0,cell space設(shè)置為0,cell padding設(shè)置為0。打開(kāi)樣式面板新建一個(gè)樣式。選擇border設(shè)置邊框?qū)傩浴_x中整張表格應(yīng)用這個(gè)樣式即可。
2、利用制作好的第三方的插件
你可以到下載,把解壓文件直接放入dreamweaver4/configuration/objects/common/就可以了。打開(kāi)dreamweaver4,把object面板拉拉長(zhǎng),就可看見(jiàn)增加了新的表格對(duì)象插入選項(xiàng)。
3、內(nèi)外邊框的邊框的顏色可以用鼠標(biāo)來(lái)選擇。從表格的上方或者左方選擇表格,鼠標(biāo)會(huì)變成一個(gè)向下或向左的箭頭形狀,這時(shí)你就可以選中表格單元的內(nèi)邊框了。這是再設(shè)定屬性欄中“border” 的顏色即可。這樣可以設(shè)定表格單元的內(nèi)邊框?yàn)椴煌伾。把cellspace設(shè)的大一點(diǎn),效果更明顯。
推薦采用第一種方法。
怎樣讓表格緊貼頁(yè)面的左上方?
方法一:ctrl+j,彈出page properties,將left, top, margin width, margin height 全部
設(shè)為0。
方法二:把下面一段代碼加到你的< body>< /body>中
topmargin="0" leftmargin="0"
方法三:方法二只適用于ie,如果讓其也適用netscape加入下面代碼
< body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" >
怎樣改變下拉list表單的背景顏色?
style=" background-color: #ffd25b"
這個(gè)#ffd25b就是我們想要的顏色值,可隨意選擇。
下面就是一個(gè)具體的例子:
< select
style="font-size: 9pt; width: 120px; background-color: #ffd25b"
size=1 selected>=== 合作伙伴 ===
<>新浪網(wǎng)
<>網(wǎng) 易
<>搜 狐
< /select>怎樣保證在不同分辨率下,在瀏覽器上顯示的字體都比較美觀?
一般說(shuō)來(lái),9磅字比較美觀,目前也最為最流行。注意我們說(shuō)得9磅字是9pt,而不是9px。若選擇后者,就難保在不同分辨率下字體的顯示大小。對(duì)于新聞,常采用更大一號(hào)的字體。對(duì)于英文而言,可以選擇7磅字,也很好看的。
為什么在dw4中,字體設(shè)定不能保存?
退出運(yùn)行中的dreamweaver,先備份好注冊(cè)表。
建立一個(gè)純文本文件,其內(nèi)容如下:
regedit4
[hkey_current_user\software\macromedia\dreamweaver 4\font preferences]
"number encodings"=dword:0000000c
"default encoding"=dword:00000005
保存成為一個(gè)后綴是.reg的文件,然后執(zhí)行這個(gè)reg文件,修改就會(huì)自動(dòng)完成。
提示:為使代碼標(biāo)記行正確顯示,以上〈〉字符中均加入中文空格如:<_代碼>。