原创 table中設置border-collapse屬性

CSS border-collapse 屬性 定義和用法 border-collapse 屬性設置表格的邊框是否被合併爲一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示 瀏覽器支持 所有主流瀏覽器都支持 border-colla

原创 去掉點擊a出現的虛線邊框

去掉點擊a出現的虛線邊框各個瀏覽器兼容方法: a{   hide-focus: expression(this.hideFocus=true); /* for ie 5+ */   outline: none; /* for firef

原创 10條影響 CSS 渲染速度的寫法與建議(上)

這篇文章主要寫的提高網頁在客戶端瀏覽器的渲染速度的 CSS 部分。 1、*{} #bd *{} 儘量避開 由於不同瀏覽器對 HTML 標籤的解釋有所差異,所以最終的網頁效果在不同的瀏覽器中可能也是不一樣的,爲了消除這方面的風險,設計者通常

原创 新浪微博分享代碼

<!-- JiaThis Button BEGIN --> <div id="ckepop"> <span class="jiathis_txt">分享到:</span> <a class="jiathis_button_qzone">

原创 點擊top回滾到頂部和窗口浮動跟隨鼠標上下移動

TOP圖片:<img id="toTop" src="images/scroll_to_top.gif" width="38" height="68" alt="Scroll to Top" title="Scroll to Top"

原创 10條影響 CSS 渲染速度的寫法與建議(下)

6、CSS的路徑別太深; 例如: 1 #bd #info #tool #sidebar h2{font-size:12px;} 7、能簡寫的一些就簡寫; 例如: 1 #bd{pading-top:1em;p

原创 psd to html 開發步驟

其實標準的網頁製作實際就是:psd to html,一般情況下,我們開始 psd to html 的時候需要從兩個大點考慮。 一、一個獨立的頁面 根據PSD設計稿,分析整個網頁的結構。 分析背景圖片和ICO圖標的分佈。 切割相應的

原创 CSS float 浮動屬性詳解

什麼是 CSS float ? float 是 CSS 的定位屬性。在傳統的印刷佈局中,文本可以按照需要圍繞圖片。一般把這種方式稱爲“文本環繞”。 在網頁設計中,應用了 CSS 的 float 屬性的頁面元素就像在印刷佈局裏面的被文字包

原创 CSS優先級

原則一:繼承不如指定; 原則二:ID選擇器優先級大於類別選擇器,類別選擇器大於標籤選擇器; 原則三:越具體級別越高; 原則四:標籤#id優先級大於#id,標籤.class大於.class。

原创 fireworks網頁圖片導出優化

很多同學都搞不明白,這麼多圖片格式,什麼情況用什麼格式圖片。 我在這裏就簡單分享下我的經驗。 原則:保證圖片不失真的前提下,以最小的圖片大小來導出圖片。 目前我們網絡上普遍使用的圖片格式分爲JPG、GIF、PNG-8、PNG-32(PS中

原创 網站設計佈局中常犯的錯誤

div+css 網頁佈局是目前最流行的語言,也是國際變化的趨勢,合理的應用可以讓你的網站給人眼前一亮的感覺,不過在佈局中也應該注意以下一些錯誤,及時糾正,一個成功的網站就離你不遠了。 1、導航菜單使用圖片、flash 導航菜單使用圖片、f

原创 CSS鏈接

將CSS樣式表加入到網頁時,分爲以下幾種方法: 1.將樣式表內嵌到HTML文件中;     是指樣式文件寫入到<style></style>標籤之內,一般用於訪問量比較大的頁面,通過減少HTTP請求數而減輕服務器的負擔。     缺點:需

原创 bgiframe 解決IE6 DIV 擋不住下拉選擇框

在做項目測試的時候發現一個bug,select老是跑在浮動層上面,浮動層div怎麼也不能浮在select最上面一層,那麼如何讓浮動的div層顯示在select組件的上面呢?找了些資料發現原來這就是html語言的通病,只能通過某些優先級更高

原创 關注微薄

http://open.weibo.com/widget/followbutton.php

原创 css3陰影屬性box-shadow

css3陰影屬性box-shadow的一些注意點: box-shadow:陰影水平偏移值(可取正負值); 陰影垂直偏移值(可取正負值);陰影模糊值;陰影顏色;Firefox支持Box Shadow(陰影):-moz-box-shadow: