設(shè)計(jì)網(wǎng)頁(yè)需要具備哪些方法_設(shè)計(jì)網(wǎng)頁(yè)有什么方法
符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。因?yàn)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷?lái)網(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。下面由學(xué)習(xí)啦小編為大家整理的,希望大家喜歡!
設(shè)計(jì)網(wǎng)頁(yè)的方法
(一)、CSS語(yǔ)法
CSS語(yǔ)法由三部分構(gòu)成:選擇器、屬性和值。selector {property: value}選擇器 (selector) 通常是你希望定義的 HTML 元素或標(biāo)簽,屬性 (property) 是你希望改變的屬性,并且每個(gè)屬性都有一個(gè)值。
(二)、css代碼優(yōu)化
編寫好的CSS代碼,有助提升頁(yè)面的渲染速度。本質(zhì)上,引擎需要解析的CSS規(guī)則越少,性能越好。
(三)、CSS閉合浮動(dòng)元素
按照CSS規(guī)范,浮動(dòng)元素(floats)會(huì)被移出文檔流,不會(huì)影響到塊狀盒子的布局而只會(huì)影響內(nèi)聯(lián)盒子(通常是文本)的排列。
(四)、影響CSS渲染速度
程序員在css編寫時(shí)的習(xí)慣,直接影響了頁(yè)面渲染速度的快慢,這一點(diǎn)在ie里特別明顯。所以大家要養(yǎng)成良好的寫css的習(xí)慣,這樣你的頁(yè)面才能快速加載,增強(qiáng)用戶體驗(yàn)度。
CSS基本的語(yǔ)法
1.基本語(yǔ)法
CSS的定義是由三個(gè)部分構(gòu)成:選擇符(selector),屬性(properties)和屬性的取值(value)。
2.選擇符組
你可以把相同屬性和值的選擇符組合起來(lái)書寫,用逗號(hào)將選擇符分開(kāi),這樣可以減少樣式重復(fù)定義:
h1, h2, h3, h4, h5, h6 { color: green }
3.類選擇符
用類選擇符你能夠把相同的元素分類定義不同的樣式,定義類選擇符時(shí),在自定類的名稱前面加一個(gè)點(diǎn)號(hào)。
我們可以很方便的在任意元素上套用預(yù)先定義好的類樣式。
4.ID選擇符
在HTML頁(yè)面中ID參數(shù)指定了某個(gè)單一元素,ID選擇符是用來(lái)對(duì)這個(gè)單一元素定義單獨(dú)的樣式。
5.包含選擇符
可以單獨(dú)對(duì)某種元素包含關(guān)系定義的樣式表,元素1里包含元素2,這種方式只對(duì)在元素1里的元素2定義,對(duì)單獨(dú)的元素1或元素2無(wú)定義。
6.樣式表的層疊性
層疊性就是繼承性,樣式表的繼承規(guī)則是外部的元素樣式會(huì)保留下來(lái)繼承給這個(gè)元素所包含的其他元素。事實(shí)上,所有在元素中嵌套的元素都會(huì)繼承外層元素指定的屬性值,有時(shí)會(huì)把很多層嵌套的樣式疊加在一起,除非另外更改。例如在DIV標(biāo)記中嵌套P標(biāo)記:
div { color: red; font-size:9pt}
7.注釋
你可以在CSS中插入注釋來(lái)說(shuō)明你代碼的意思,注釋有利于你或別人以后編輯和更改代碼時(shí)理解代碼的含義。
divcss網(wǎng)頁(yè)中顯示虛線的方法
方法一:作一個(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)有,除非你用做好的底圖填充。