CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;

文章目錄 一、效率問題與最終目的二、調用儘可能少的CSS檔案三、多人合作上的問題結語： 編輯點評：在設計網站CSS時，採用模組化CSS的方法，能夠更加方便的管理CSS代碼，並且利於多人合作。　　在剛學習CSS初期，就接觸了"模組化 CSS"這樣的概念，不過，一直沒有很好的理解。說起來，理由很簡單：因為幾乎所有的代碼都是為了部落格的設計，而像部落格這麼小的架構，CSS檔案根本不用

　　在寫CSS的時候,一般情況下,我只用link,匯入樣式表,今天看了精通CSS與HTML設計模式 ,他大致分為  6  個等級.由高之低進行.　　1.最高優先順序的位置為HTML文檔頭部的<style>元素.說的清楚點,就是在頁面的style理寫樣式,最起作用,權重最高.　　2.第二高優先順序的位置為通過嵌入html<style>元素中  @imporant 一如樣式表的規則,實際上要高於,我們通常在 頁面中寫的 <link> 匯入的樣式表.　　3.第三高,

jquery部落格最近在整新的公司網站首頁，一個領導一張臉，網站風格換了一撥一撥又一撥，無奈，不斷的重複炒飯，真是浪費時間呐。新版本上好多背景，而且有好多圓角框。下面說說圓角框吧。一般實現為了方便起見，使用圖片，優勢，耗時少，圓角圓滑點。晚上閑著整個代碼類的圓角邊框。其實也蠻簡單，代碼不是很多。線上效果DEMO轉自 jquery http://www.jqueryba.com/318.html

·     a /*所有超級連結*/ ·     a:link /*超級連結文字格式*/ ·     a:visited /*瀏覽過的連結文字格式*/ ·     a:active /*按下連結的格式*/ ·     a:hover /*滑鼠移至連結*/ ·     滑鼠游標樣式： ·     十字型 cursor:crosshair ·     箭頭朝下 cursor:s-resize ·     十字箭頭 cursor:move ·     箭頭朝右 cursor:e-resize ·   

 # 鬼仔：估計不少同學都看到過了，這個是前兩天就有人發出來的，這兩天有點忙，就沒顧得上更新。感謝Friddy的投遞。1．漏洞介紹在XHTML 1.0標準下，使用特殊構造的CSS樣式，在Internet Explorer 7.0 開啟特定的網頁後，InternetExplorer

 很炫的CSS漸層效果  CodeCode highlighting produced by Actipro CodeHighlighter

發布幾個國外的XHTML模板站，DIV+CSS模板下載第一個，Open Source Web Design(OSWD)開源設計http://www.oswd.org/第二個，solucija（精品）http://www.solucija.com/home/css-templates/第三個http://www.tristarwebdesign.co.uk/templates.html第四個

文章目錄 11.2　CSS匹配規則參考11.2.1　選擇子匹配元素11.2.2　繼承11.2.3　後代選擇子匹配後代元素11.2.4　使用組合約時匹配多個元素11.2.5　通用選擇子通配所有元素11.2.6　子代選擇子匹配子項目11.2.7　兄弟選擇子匹配兄弟元素11.2.8　第一子項目偽類匹配第一子項目11.2.9　屬性選擇子匹配指定屬性的元素11.2.10　類選擇子與ID選擇子 11.2　CSS匹配規則參考本節簡單地介紹CSS

#1. 結構保持CSS結構清晰，不僅有助於保持CSS檔案的簡單，也利於日後的檢查、更改。#2. 保持簡潔保持代碼簡潔，可以大幅減小CSS檔案的大小。#3. Padding vs. Margin對於瀏覽器來說，Margin是相容性最差的一個屬性。因此，只要條件允許，應該儘可能的使用Padding屬性。#4. 整合在下面的例子中定義了一個公用的Class，來代替不同的地方都要用到的相同的代碼：color:grey。#5.

現代 Web 設計與開發越來越看重瀏覽器安全色問題，IE 每個新版本的推出，都在 CSS 的標準化方面前進一大步，同時，也就不可避免地在 IE 的各個主要版本之間產生相容問題，儘管 IE8 推出已有時日，使用 IE6 的使用者仍然相當可觀。本文以速查手冊的形式介紹 CSS （2.1 和 3）在 IE6,7,8 三個版本之間的相容情況。這套速查手冊可以列印成 A3 尺寸，共 2 頁，以下是各種不同格式下載：高解析度 GIF 圖片格式，第一頁，第二頁PDF 格式，第一頁，第二頁

CSS起名表元素：element頁頭：header登入條：loginbar標誌：logo側欄：sidebar廣告：banner導航：nav子導航：subnav菜單：menu子功能表：submenu搜尋：search滾動：scroll頁面主體：main內容：content標籤頁：tab文章列表：list提示資訊：msg小技巧：tips欄目標題：title加入：joinus指南：guide服務：service熱點：hot新聞：news下載：download註冊：register狀態：status按鈕

文章目錄 一、關於漸層二、基本文法三、建立線性漸層四、建立放射狀漸層五、指定過渡顏色點六、建立背景重複漸層 by zhangxinxu from http://www.zhangxinxu.com

文章目錄 一、嘩啦嘩啦的簡介二、還有一點小小的提醒三、最基本的 – 產生內容四、使用計數器建立號碼內容五、為多語言內容插入正確的引號六、用圖片替換文字七、顯示相對應的連結表徵圖八、使用屬性值作為content內容九、最後一點嘮叨 by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=739一、嘩啦嘩啦的簡介zxx://

　　大家用過css,繼承雖然大家都知道,但是真正知道那些東東是,會繼承過來的,那些是不會 "子承父業" 的.現在,就告訴大家哈.[小賀  有錯誤的地方請大家指出,不勝感激!]　　在設計css的時候,很多  屬性 都是可以繼承的.　　1.可繼承的屬性:　　>>>visibility 和  cursor 可以被所有元素繼承　　>>>以下只可被 內嵌元素 繼承 : letter-spacing(偽類裡的),

1.想要how are you 中的空格有效：需加 word-spacing:20px;2.固定div的寬度後，裡面的文本是否想要溢出or隱藏： 需要設定 text-overflow:ellipsis;overflow:hidden;        text-overflow:ellipsis; overflow:visible;3.文本中的空白是否有效：white-space:nowrap;//一行顯示    white-space:pre;//遇到空白的換行才換行4.根據詞的屬性換行

通過buttonCode highlighting produced by Actipro CodeHighlighter

今天看了 http://snook.ca 的網站，看著他頁面的字型蠻好看的，就 firebug 了一下。原來他是這樣子做的。也是通過 引用自訂的一個字型。[以前研究過，存了一份 忘記放哪了]。就在這裡記錄以下吧。。/*green #680dark #333lighter #666*/@font-face { font-family: 'GothicCustom'; src: url("LeagueGothic.eot"); src: local(''),

CSS li或dd 浮動後增加圖片時多出4PX問題dd或li或a標籤內，插入圖片後，下方會增加4PX高度(間距)，解決方案：1.將映像定義成block (display:block)2. 給dd或li固定高度，然後overflow:hidden3.設定 ul 的 font-size:0;4.設定 img 的 vertical-align: bottom;5.設定 img 的 margin-bottom: -4px;其中第4個方法一般是為瞭解決li裡面有雙浮

　　今天看了下Think的圓角矩形的div＋css實現法。他大致是這樣做的。　　根據margin的邊距一點一點累加，或者累減。相對實現起來效果還算不錯！就練習，研究了一下～ 　　html part <!-- round main --><div id="round"> <!-- r_top ---> <div class="r_top">