
當(dāng)你需要一個簡單易用的導(dǎo)航菜單得時候。CSSMenu是個不錯的選擇。相對于Flash/Javascript,他們小巧輕便,而且方便使用。當(dāng)然,他們也能做出很多很漂亮的效果。 CssMenuExample這里有幾個專門收集CSS導(dǎo)航菜單的站點,其中有很多優(yōu)秀的作品。也許能給你帶來一定的啟發(fā)。你會發(fā)現(xiàn)閱讀全文
辛苦寫出來的教程文章被人轉(zhuǎn)載,卻不留版權(quán)或出處,真是讓站長很頭疼的事情,怎樣才能在復(fù)制文章或采集的時候同意自動copy上文章出處呢? 以下方法便可以方便的解決。 先看一下演示,復(fù)制本文章,然后在記事本等地方粘貼,就可以看到效果了。 把以下代碼插到<body></body>閱讀全文
div+CSS區(qū)別IE6與FF: 以下是引用片段: background:orange;*background:blue; 區(qū)別IE6與IE7: 以下是引用片段: background:green!important;background:blue;閱讀全文
以下是引用片段: <styletype="text/css"><!--.sumit1{width:98%;height:100%;background:#FFFFFF;border:1pxsolidred;color:red;font-weight:bold;fo閱讀全文
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3閱讀全文
讓你的div+css樣式完美兼容各大瀏覽器,這個方案主要是用來解決Safari的,Opear是在測試的時候順帶試了一下,結(jié)果發(fā)現(xiàn)竟然也行,所以順便也解決了。 以下是引用片段: .e{/*FFOP*/background-color:#FF0000}html*.e{/*SaIE閱讀全文
常有網(wǎng)友提問,如何讓網(wǎng)頁中嵌入的Flash標(biāo)簽也符合web標(biāo)準(zhǔn)。目前還沒有一個完美的解決辦法,這篇文章中,我們將Flash嵌入標(biāo)簽寫入js文件中,通過變量傳遞參數(shù)的辦法來回避不符合標(biāo)準(zhǔn)的標(biāo)簽。 請注意,這只是一個變通的方法,換湯不換藥,并未能最終解決存在的問題,通過驗證只是一種表象,這樣的思路是不閱讀全文
本文總結(jié)了用divcss進行網(wǎng)頁表單布局的五個小技巧可以幫助你更靈活的控制表單,使頁面更加滿意。 1、表單文本輸入的移動選擇: 在文本輸入欄中,如果加入了提示,來訪者往往要用鼠標(biāo)選取后刪除,再輸入有用的信息。其實只要加入onMouseOver="this.focus()"onFocus="thi閱讀全文
一、盲目追求美觀,在頁面內(nèi)出現(xiàn)了過多的圖片和動畫 1、很多網(wǎng)站,因為企業(yè)網(wǎng)站本身的內(nèi)容比較少,好多網(wǎng)站采取了通過視覺沖擊來達到,讓受眾者耳目一新的感覺 2、logo采用flash的,導(dǎo)航采用動畫的。在網(wǎng)頁的頂部扣一個大帽子,整個帽子就是一幅畫,嫣然很漂亮的樣子 3、這些因素,都給搜閱讀全文
我們常常希望列表中的內(nèi)容,超過設(shè)置的長度的時候,不要撐開父元素,也不希望它直接換行;我們更愿意用div+css設(shè)置列表li超出部分顯示省略號。而在title標(biāo)簽中,置放的是完整的標(biāo)題。 這樣的方法新手們常常不知道該如何搞定。下面就是方法的演示。不過請注意此方法適用與IE與OP瀏覽器! 設(shè)置li超閱讀全文
div+css控制文本長度一般的文字截斷(適用于內(nèi)聯(lián)與塊): .text-overflow{display:block;/*內(nèi)聯(lián)對象需加*/width:31em;word-break:keep-all;/*不換行*/white-space:nowrap;/*不換行*/overflow:hidd閱讀全文
DIV+CSS實現(xiàn)內(nèi)容垂直居中的一個例子 以下是引用片段: <html><title>深山行者</title><head><style>.holder{width:740px;height:500px;border:閱讀全文
普通的一個頁面無非就是HTML以及CSS和JS等腳本組成,相對以前來說,大家都是用表格(table)來實現(xiàn)頁面的布局,而現(xiàn)在呢,追求的是用層(div)來布局了。很多朋友說用層(div)布局跟用表格(table)布局的差別很大,這個我同意,因為表格(table)是用來體現(xiàn)二維數(shù)據(jù)的。但是既然我們以前能閱讀全文
1.檢查HTML元素是否有拼寫錯誤、是否忘記結(jié)束標(biāo)記 即使是老手也經(jīng)常會弄錯div的嵌套關(guān)系??梢杂胐reamweaver的驗證功能檢查一下有無錯誤。 2.檢查CSS是否正確 檢查一下有無拼寫錯誤、是否忘記結(jié)尾的}等??梢岳肅leanCSS來檢查CSS的拼寫錯誤。CleanCSS閱讀全文
盡管對于現(xiàn)如今的帶寬來說,網(wǎng)頁文件那僅以K來算的大小實在是微不足道,但如何將這以K來計算的網(wǎng)頁文件精簡到最小還是網(wǎng)頁設(shè)計師們所應(yīng)該考慮的問題之一。 眾所周之,在不影響整個網(wǎng)頁構(gòu)架與功能的情況下,網(wǎng)頁文件越小越好,因為更小的網(wǎng)頁文件有利于瀏覽器對網(wǎng)頁的解釋時間縮到更短,自然訪客也就不用面臨等待網(wǎng)頁緩閱讀全文
1.若有疑問立即檢測 在出錯時若能對原始代碼做簡單檢測可以省去很多頭痛問題。W3C對于XHTML與CSS都有檢測工具可用,請見http://validator.w3.org請注意,在文件開頭的錯誤,可能因為不當(dāng)?shù)慕Y(jié)構(gòu)等因素造成更多錯誤;我們建議先修正一些最明顯的錯誤之后重新檢測,這樣也許會讓錯誤數(shù)閱讀全文
css標(biāo)準(zhǔn)里面的DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。 最近在藍色理想轉(zhuǎn)悠,發(fā)現(xiàn)很多朋友提出有關(guān)DIV+CSS排版問題,以及IE與FF的兼容問題。怎么問的都有,結(jié)果就是一個——顯示很奇怪,很難調(diào)整。我們?yōu)g覽的大多數(shù)網(wǎng)站,或者用Dreamweaver創(chuàng)建一個新的網(wǎng)頁文檔時,源碼的頂部都會閱讀全文
CSS框架之利: 1、開發(fā)效率的提高。如果你是一個企業(yè)建站的前端開發(fā),相信在大部分時間里進行著同類站點的代碼工作。定義好的框架可以大大提高你的工作效率,避免一些常見的錯誤。如果你的工作是按件計費的,你的報酬一定會比別人多。 2、規(guī)范代碼命名。在多個站點中你可能會用到一些同樣的CLASS或ID。如閱讀全文
CSS對瀏覽器器的兼容性具有很高的價值,通常情況下IE和Firefox存在很大的解析差異,這里介紹一下兼容要點。 常見兼容問題: 1.DOCTYPE影響CSS處理 2.FF:div設(shè)置margin-left,margin-right為auto時已經(jīng)居中,IE不行 3.FF:body設(shè)置tex閱讀全文
div+css常用單位 相對長度單位RelativeLengthUnits em說明:相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前行內(nèi)文本的字體尺寸未被人為設(shè)置,則相對于瀏覽器的默認字體尺寸。示例:div{font-size:1.2em;} ex說明:相對長度單位。相對于字符“x”閱讀全文