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