CSS

如何禁止列印頁面_CSS/HTML解決思路： 要真正禁止列印頁面是辦不到的，但是如果能設定讓使用者列印到的是空白，也算是實現禁止列印的目的了。 具體步驟： 程式碼範例： <html> <head><title>不可列印的頁面</title> <style> @media print{ body{display:none} } </style> </head> <body>

ISSN: 1534-0295. 20 October 2003 – Issue No. 160原文作者：Douglas Bowman 原文出自：A List Apart 中文翻譯：54player.com nobita 著作權說明：本文中文翻譯著作權歸譯者54player.com nobita所有。需要轉載發表的，請先與作者聯絡

假定有二個BOX，我們需要它的最小高度為150PX。 CSS div.box1,div.box2{ width: 300px; min-height: 150px; background: #EEE; float: left; margin-right: 20px; } xhtml IE中沒保持最小高度為150px 最小高度可以設定一個BOX的最小高度， 當其內容較少時時，也能保持BOX的高度為一定 現在的效果，IE中沒保持最小高度為150px。 解決的方法 為IE設定一個高度 * html

div+css實現自適應寬度按鈕_經驗交流先來看張圖片： 原理就是通過背景的靠左對齊和靠右對齊用A標籤和span標籤組合出一個完整的圓角矩形。再通過hover標籤去滑動圖片。而你只需要一張圖片：ok，看看代碼吧。 CSS: 代碼如下:*{margin:0; padding:0;} body{padding:10px; font-size:12px;} h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;

Css Reset是什麼? 有些同行叫 "css複位",有些可能叫 "預設css".....相信看完全文您會對Css Reset有個重新的認識PS：* { padding: 0; margin: 0; }這就是最常用的Css Reset，但是這裡會有很多問題。 原文前部分說了很多關於Css,以及各瀏覽器的css規則的不同,而制定"Css Reset"也是為了相容與統一,正確有效使用"Css

文章目錄 Supereight StudioLena Sanz PhotographyVibrant Villages NHReadymagDunlop Tire CISFreestyle SportFruit NinjaThe Land of SvyturysJpuntPlay 99.6 FMKirk Whalum WebsiteRadiant WebSoftKeltFlorida FlourishCloud CastleMorphix

 半透明效果有時候會給頁面增加不少色彩，特別是Vista盛行之後，半透明效果更加受推崇。在諸多可用於Web瀏覽的圖片格式中，只有PNG格式和Gif格式可以實現半透明效果，不過Gif格式的半透明效果很有限，而且會大範圍失真，所以目前最流行的方式就是使用PNG格式圖片。不過可惜的是，在Internet Explorer

　　Conditioniz 是一個快速、輕量級（3KB）的 JavaScript 工具，用於探測瀏覽器和解析度並條件載入 JavaScript 和 CSS 檔案。Conditioniz 從它的 jQuery 前身重建，現在速度要快50%。結合類名添加和 Conditionizr 整合的指令碼和樣式載入功能，允許你為不同的瀏覽器指定想載入的指令碼和樣式。　　瀏覽器嗅探通常被認為是不可靠的，Conditionizr 的建立就是為了克服這個問題。Conditionizr

複製代碼 代碼如下:<html> <title>拖動列寬的表格</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"><!-- .bg td{ font-size:12px; text-align:left; line-height:15px; height:20px; } .bg

+01-100102030404050607080910+11-2011121314151617181920+21-3021222324252627282930+31-4031323334353637383940+41-5041424344454647484950+51-6051525354555657585960+61-7061626364656667686970+71-8071727374757677787980

用一句代碼即可搞定： 複製代碼 代碼如下:document.execCommand("BackgroundImageCache", false, true); 當然為了其它瀏覽器上能正常通過，需要做下判斷後調用，才更安全： 複製代碼 代碼如下:if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台檢測代碼可以這樣寫，摘自Ext源碼： 複製代碼

所以，結構優良的代碼能很大程度上最佳化它的可維護性。下面列出四則技巧提高CSS檔案可維護性的方法，以此作為指南，以一種較好的CSS樣式組織習慣來進行WEB前端開發。 一、CSS樣式檔案分解 對於小項目，在寫代碼之前，按頁面結構或頁面內容將代碼分為幾塊並給予注釋。例如，可以分別將 全域樣式、布局、字型樣式、表單、評論和其他分為幾個不同的塊來繼續工作。 而對於較大的工程，這樣顯然不會有什麼效果。此時，就需要將樣式分解到幾個不同的樣式表檔案。下面的master stylesheet

更加壞的事情是，即使你僅僅針對IE設計，不考慮其它瀏覽器，由於IE模型絕對可以說是一隻讓人難以捉摸其脾氣的怪物，所以你單純為IE設計也會遇到眾多難題，發現很多的效果總是繞來繞去都難以實現。我們都知道，XHTML+CSS的目標就是實現內容與表現分離，理論上對於任何特定一份內容，我們都可以通過CSS實現任何我們想要的表現形式，或者細緻地說是布局形式。雖然現實與這個目標有一定差距，但是CSS已經能夠滿足大多數常見的布局需求，這有CSS Zen

Float（浮動）概念也許是CSS中最讓人迷惑的一個概念吧。Float經常被錯誤理解，而且因為將上下文元素全部浮動導致的可讀性、可用性問題備受責難。然而，這些問題的根源並不在於理論本身，而是開發人員以及瀏覽器對理論的解讀造成的。 　　如果你認真的去讀一下浮動概念，你會發現並不像所見的那樣複雜。大多數問題都是由於老版本的IE帶來的（我只是猜想）。如果你知道這些bug，你就能避免這些問題。

客齊集OEM的CSS解析 這個OEM是客齊集推出來的，如果你有一個網域名稱，那麼你就可以定製自已的網站了。由於是要讓站工自已定製，所以開放了HTML以及CSS、JS等代碼。但預設的CSS是CSS是不能改的。 在寫這個CSS時，我盡量用最少的標籤，這樣很站對CSS不是很熟的站長也可以定製。另外布局時和寫CSS時，總的思想的就是從大的到小，從小到細。

· ul 標籤在 Mozilla 中預設是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一個的 class 選擇符可以在一個文檔中重複出現，而 id 選擇符卻只能出現一次；對一個標籤同時使用 class和 id 進行 CSS 定義，如果定義有重複，id 選擇符做的定義有效。 · 初學可能會碰到這樣一個情況，同樣一個標籤的屬性在 IE 設定成 A 顯示是正常的，而在 Mozilla 裡必須要設成 B 才能正常顯示，或者兩個倒過來。 臨時解決方案：選擇符 {屬性名稱:

瀏覽器的條件注釋理論，用下面一段例子來解釋這個問題 (X)HTML 下面一段代碼是測試在微軟的IE瀏覽器下的條件備註陳述式的效果 <!--[if IE]> <h1>您正在使用IE瀏覽器</h1> <![endif]--> <!--[if IE 5]> <h1>版本 5</h1> <![endif]--> <!--[if IE 5.0]> <h1>版本

文章目錄 什麼是CSSCSS的設定方式 第3講 CSS 何為CSSCSS的幾種設定方式樣式規則選取器樣式規則的注釋與有效範圍樣式屬性詳解 什麼是CSS和CSS的設定方式作者:Loncer 更多學習資源盡在:wwww.loncer.cn什麼是CSS CSS即:Cascading Style Sheets這幾個英文單詞的縮寫,中文為:層疊樣式表.它除了可以輕鬆設定網頁元素的顯示位置和格式外,還能產生濾鏡,映像淡化,網頁淡入淡出的漸層效果.

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

字型的處理在網頁設計中無論怎麼強調也不為過，畢竟網頁使用來傳遞資訊的，而最經典最直接的資訊傳遞方式就是文字，所以，瞭解一點字型的基本知識對於設計來說還是非常重要的。 　　 中文和英文的最大區別就是中文是方塊字，英文是拼音文字，這對字型的處理的影響是巨大的。看看下面的圖示就會發現，英文字型裡的那些變化在中文字型裡都弱化了。　　 作為中文的讀者，習慣性的接受方塊形狀做為閱讀的單元，其實對於眼睛來說，這是一種容易疲勞的方式，閱讀的時候你的視線實際上是跟隨整行文字的外形。看看這個例子。　　 NOW I'