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