
如果使用注釋的方法得當(dāng)?shù)脑挘瑸槟愕腃SS文件添加注釋可以在開(kāi)發(fā)過(guò)程中給予你和其他人很大的幫助。最常見(jiàn)的是為CSS樣式規(guī)則添加提示信息,不過(guò)使用注釋對(duì)優(yōu)化組織結(jié)構(gòu)和提升效用也很有幫助。 提示和標(biāo)簽 這是注釋最常用的途徑,可以為自己或其他開(kāi)發(fā)人員留下提示信息可以避免后期引起的不必要的困惑和麻煩。這種閱讀全文
使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規(guī)則如下: 顏色16進(jìn)制的色彩值,如果每?jī)晌坏闹迪嗤梢钥s寫一半,例如:#000000可以縮寫為#000;#336699可以縮寫為#369; 盒尺寸通常有下面四種書寫方法: property:value1;表示所有邊都是一閱讀全文
Adobe公司的產(chǎn)品PhotoShop從第一版到如今的cs版本,功能之強(qiáng)大;使用之方便得到了世人的贊同。眼花繚亂的功能讓菜鳥們無(wú)從入手,總得通過(guò)鼠標(biāo)一個(gè)個(gè)點(diǎn)擊去試用,令到工作效率大大地降低。反觀PS的高手們,左手摸著鍵盤,右手按著鼠標(biāo),唰一聲就完成了一個(gè)作品,簡(jiǎn)直令人嘆為觀止。在這里,就把本人精心收閱讀全文
1、CSS字體屬性簡(jiǎn)寫規(guī)則 一般用CSS設(shè)定字體屬性是這樣做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-famil閱讀全文
在div+css布局中,一般都這樣來(lái)整體構(gòu)架的: <divid="header"></div><divid="center"></div><divid="footer"></div> 而對(duì)于header部分,肯定要顯示網(wǎng)站標(biāo)閱讀全文
關(guān)于CSS對(duì)各個(gè)瀏覽器兼容已經(jīng)是老生常談的問(wèn)題了,網(wǎng)絡(luò)上的教程遍地都是.以下內(nèi)容沒(méi)有太多新穎,純屬個(gè)人總結(jié),希望能對(duì)初學(xué)者有一定的幫助.一、CSSHACK以下兩種方法幾乎能解決現(xiàn)今所有HACK. 1,!important 隨著IE7對(duì)!important的支持,!important方法現(xiàn)在只針對(duì)閱讀全文
你是不是覺(jué)得自己的主頁(yè)不夠靚麗,想讓它有所改變呢?聽(tīng)說(shuō)過(guò)樣式表格嗎?就是CSS,它就是那個(gè)能讓你更為準(zhǔn)確地控制網(wǎng)頁(yè)的東東。讓我們先來(lái)看兩個(gè)例子: 1、把按鈕的背景由灰色變成黃色,下面是代碼: 以下是引用片段: 〈formmethod="POST"〉 〈inputtyp閱讀全文
當(dāng)你需要一個(gè)簡(jiǎn)單易用的導(dǎo)航菜單得時(shí)候。CSSMenu是個(gè)不錯(cuò)的選擇。相對(duì)于Flash/Javascript,他們小巧輕便,而且方便使用。當(dāng)然,他們也能做出很多很漂亮的效果。 CssMenuExample這里有幾個(gè)專門收集CSS導(dǎo)航菜單的站點(diǎn),其中有很多優(yōu)秀的作品。也許能給你帶來(lái)一定的啟發(fā)。你會(huì)發(fā)現(xiàn)閱讀全文
辛苦寫出來(lái)的教程文章被人轉(zhuǎn)載,卻不留版權(quán)或出處,真是讓站長(zhǎng)很頭疼的事情,怎樣才能在復(fù)制文章或采集的時(shí)候同意自動(dòng)copy上文章出處呢? 以下方法便可以方便的解決。 先看一下演示,復(fù)制本文章,然后在記事本等地方粘貼,就可以看到效果了。 把以下代碼插到<body></body>閱讀全文
div+CSS區(qū)別IE6與FF: 以下是引用片段: background:orange;*background:blue; 區(qū)別IE6與IE7: 以下是引用片段: background:green!important;background:blue;閱讀全文
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3閱讀全文
讓你的div+css樣式完美兼容各大瀏覽器,這個(gè)方案主要是用來(lái)解決Safari的,Opear是在測(cè)試的時(shí)候順帶試了一下,結(jié)果發(fā)現(xiàn)竟然也行,所以順便也解決了。 以下是引用片段: .e{/*FFOP*/background-color:#FF0000}html*.e{/*SaIE閱讀全文
常有網(wǎng)友提問(wèn),如何讓網(wǎng)頁(yè)中嵌入的Flash標(biāo)簽也符合web標(biāo)準(zhǔn)。目前還沒(méi)有一個(gè)完美的解決辦法,這篇文章中,我們將Flash嵌入標(biāo)簽寫入js文件中,通過(guò)變量傳遞參數(shù)的辦法來(lái)回避不符合標(biāo)準(zhǔn)的標(biāo)簽。 請(qǐng)注意,這只是一個(gè)變通的方法,換湯不換藥,并未能最終解決存在的問(wèn)題,通過(guò)驗(yàn)證只是一種表象,這樣的思路是不閱讀全文
本文總結(jié)了用divcss進(jìn)行網(wǎng)頁(yè)表單布局的五個(gè)小技巧可以幫助你更靈活的控制表單,使頁(yè)面更加滿意。 1、表單文本輸入的移動(dòng)選擇: 在文本輸入欄中,如果加入了提示,來(lái)訪者往往要用鼠標(biāo)選取后刪除,再輸入有用的信息。其實(shí)只要加入onMouseOver="this.focus()"onFocus="thi閱讀全文
我們常常希望列表中的內(nèi)容,超過(guò)設(shè)置的長(zhǎng)度的時(shí)候,不要撐開(kāi)父元素,也不希望它直接換行;我們更愿意用div+css設(shè)置列表li超出部分顯示省略號(hào)。而在title標(biāo)簽中,置放的是完整的標(biāo)題。 這樣的方法新手們常常不知道該如何搞定。下面就是方法的演示。不過(guò)請(qǐng)注意此方法適用與IE與OP瀏覽器! 設(shè)置li超閱讀全文
div+css控制文本長(zhǎng)度一般的文字截?cái)啵ㄟm用于內(nèi)聯(lián)與塊): .text-overflow{display:block;/*內(nèi)聯(lián)對(duì)象需加*/width:31em;word-break:keep-all;/*不換行*/white-space:nowrap;/*不換行*/overflow:hidd閱讀全文
DIV+CSS實(shí)現(xiàn)內(nèi)容垂直居中的一個(gè)例子 以下是引用片段: <html><title>深山行者</title><head><style>.holder{width:740px;height:500px;border:閱讀全文
普通的一個(gè)頁(yè)面無(wú)非就是HTML以及CSS和JS等腳本組成,相對(duì)以前來(lái)說(shuō),大家都是用表格(table)來(lái)實(shí)現(xiàn)頁(yè)面的布局,而現(xiàn)在呢,追求的是用層(div)來(lái)布局了。很多朋友說(shuō)用層(div)布局跟用表格(table)布局的差別很大,這個(gè)我同意,因?yàn)楸砀瘢╰able)是用來(lái)體現(xiàn)二維數(shù)據(jù)的。但是既然我們以前能閱讀全文
1.檢查HTML元素是否有拼寫錯(cuò)誤、是否忘記結(jié)束標(biāo)記 即使是老手也經(jīng)常會(huì)弄錯(cuò)div的嵌套關(guān)系。可以用dreamweaver的驗(yàn)證功能檢查一下有無(wú)錯(cuò)誤。 2.檢查CSS是否正確 檢查一下有無(wú)拼寫錯(cuò)誤、是否忘記結(jié)尾的}等。可以利用CleanCSS來(lái)檢查CSS的拼寫錯(cuò)誤。CleanCSS閱讀全文