
如果使用注釋的方法得當的話,為你的CSS文件添加注釋可以在開發過程中給予你和其他人很大的幫助。最常見的是為CSS樣式規則添加提示信息,不過使用注釋對優化組織結構和提升效用也很有幫助。 提示和標簽 這是注釋最常用的途徑,可以為自己或其他開發人員留下提示信息可以避免后期引起的不必要的困惑和麻煩。這種閱讀全文
使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規則如下: 顏色16進制的色彩值,如果每兩位的值相同,可以縮寫一半,例如:#000000可以縮寫為#000;#336699可以縮寫為#369; 盒尺寸通常有下面四種書寫方法: property:value1;表示所有邊都是一閱讀全文
Adobe公司的產品PhotoShop從第一版到如今的cs版本,功能之強大;使用之方便得到了世人的贊同。眼花繚亂的功能讓菜鳥們無從入手,總得通過鼠標一個個點擊去試用,令到工作效率大大地降低。反觀PS的高手們,左手摸著鍵盤,右手按著鼠標,唰一聲就完成了一個作品,簡直令人嘆為觀止。在這里,就把本人精心收閱讀全文
1、CSS字體屬性簡寫規則 一般用CSS設定字體屬性是這樣做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-famil閱讀全文
在div+css布局中,一般都這樣來整體構架的: <divid="header"></div><divid="center"></div><divid="footer"></div> 而對于header部分,肯定要顯示網站標閱讀全文
關于CSS對各個瀏覽器兼容已經是老生常談的問題了,網絡上的教程遍地都是.以下內容沒有太多新穎,純屬個人總結,希望能對初學者有一定的幫助.一、CSSHACK以下兩種方法幾乎能解決現今所有HACK. 1,!important 隨著IE7對!important的支持,!important方法現在只針對閱讀全文
你是不是覺得自己的主頁不夠靚麗,想讓它有所改變呢?聽說過樣式表格嗎?就是CSS,它就是那個能讓你更為準確地控制網頁的東東。讓我們先來看兩個例子: 1、把按鈕的背景由灰色變成黃色,下面是代碼: 以下是引用片段: 〈formmethod="POST"〉 〈inputtyp閱讀全文
當你需要一個簡單易用的導航菜單得時候。CSSMenu是個不錯的選擇。相對于Flash/Javascript,他們小巧輕便,而且方便使用。當然,他們也能做出很多很漂亮的效果。 CssMenuExample這里有幾個專門收集CSS導航菜單的站點,其中有很多優秀的作品。也許能給你帶來一定的啟發。你會發現閱讀全文
辛苦寫出來的教程文章被人轉載,卻不留版權或出處,真是讓站長很頭疼的事情,怎樣才能在復制文章或采集的時候同意自動copy上文章出處呢? 以下方法便可以方便的解決。 先看一下演示,復制本文章,然后在記事本等地方粘貼,就可以看到效果了。 把以下代碼插到<body></body>閱讀全文
div+CSS區別IE6與FF: 以下是引用片段: background:orange;*background:blue; 區別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樣式完美兼容各大瀏覽器,這個方案主要是用來解決Safari的,Opear是在測試的時候順帶試了一下,結果發現竟然也行,所以順便也解決了。 以下是引用片段: .e{/*FFOP*/background-color:#FF0000}html*.e{/*SaIE閱讀全文
常有網友提問,如何讓網頁中嵌入的Flash標簽也符合web標準。目前還沒有一個完美的解決辦法,這篇文章中,我們將Flash嵌入標簽寫入js文件中,通過變量傳遞參數的辦法來回避不符合標準的標簽。 請注意,這只是一個變通的方法,換湯不換藥,并未能最終解決存在的問題,通過驗證只是一種表象,這樣的思路是不閱讀全文
本文總結了用divcss進行網頁表單布局的五個小技巧可以幫助你更靈活的控制表單,使頁面更加滿意。 1、表單文本輸入的移動選擇: 在文本輸入欄中,如果加入了提示,來訪者往往要用鼠標選取后刪除,再輸入有用的信息。其實只要加入onMouseOver="this.focus()"onFocus="thi閱讀全文
我們常常希望列表中的內容,超過設置的長度的時候,不要撐開父元素,也不希望它直接換行;我們更愿意用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閱讀全文