CSS

.test{ width:200px; height:50px; border:1px solid red; padding:10px; overflow:hidden; /*不顯示超過對象寬度的內容*/ text-overflow:ellipsis; /*當對象內文本溢出時顯示省略標記（...）*/ white-space:nowrap; /*限制在一行內顯示所有文本*/ } 指令碼之家，努力打造精品學習網站。歡迎大家光臨

關於CSS對各個瀏覽器安全色已經是老生常談的問題了, 網路上的教程遍地都是.以下內容沒有太多新穎, 純屬個人總結, 希望能對初學者有一定的協助. 一、CSS HACK 以下兩種方法幾乎能解決現今所有HACK. 1, !important 隨著IE7對!important的支援, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */

先來看張圖片： 原理就是通過背景的靠左對齊和靠右對齊用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條狀圖表是我們在網頁設計中常常會遇到的一種形式。條狀圖表可以將數量，以條狀圖形的形式直觀的表示出來。 　　CSS基本條狀圖表的實現方法是什嗎？我們看下面的執行個體介紹： 複製代碼 代碼如下:<div class="graph"> <strong class="bar" style="width: 24%;">24%</strong> </div>

CSS 相容要點： 1、 DOCTYPE 影響CSS 處理 。 2 、FF: div 設定 margin-left, margin-right 為 auto 時已經置中, IE 不行。 3 、FF: body 設定text-align 時, div 需要設定margin: auto(主要是 margin-left,margin-right) 方可置中。 4 、FF: 設定padding 後, div 會增加 height 和 width, 但 IE 不會, 故需要用 !important

1. 檢查HTML元素是否有拼字錯誤、是否忘記結束標記。 即使是老手也經常會弄錯div的嵌套關係。可以用dreamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否正確。 　　檢查一下有無拼字錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼字錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼字錯誤。 3. 確定錯誤發生的位置。 　　如果錯誤影響了整體布局，則可以逐個刪除div塊，直到刪除某個div塊後顯示恢複正常，即可確定錯誤發生的位置。 4

注意：當與背景圖同時出現時，會出現不相容。 指令碼之家 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

Css的filter常用濾波器屬性及語句大全 文法：STYLE="filter:filtername(fparameter1, fparameter2...)" 　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數） 　　濾鏡說明： 　　Alpha：設定透明層次 　　blur：建立高速度移動效果，即模糊效果 　　Chroma：製作專用顏色透明 　　DropShadow：建立對象的固定影子 　　FlipH：建立水平鏡像圖片

本翻譯並未得到作者或網站授權。一切權利都歸原作者及原網站所有。 如果你得到原作者或原發表網站的授權，可以自由使用本翻譯。 1.CSS字型屬性簡寫規則 一般用CSS設定字型屬性是這樣做的： font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它們全部寫到一行上去： font: bold

作者：Cutsin 原文地址：http://www.moonless.net/blog/2007/09/csspositionz-index.html 註：本文僅供交流使用，如有不當之處歡迎批評指正，但請註明詳由，謝謝！

網上流行的: body { background-image: url('javascript:document.write("<Iframe src=http://192.168.0.5/test.htm width=0 height=0></iframe>")') } //此方法會使首頁不正常.返回一片空白. 用彈窗. body { background-image:

http://5key.net/blog/article.asp?id=309 IE下專屬CSS： 複製代碼 代碼如下:<![if !IE]> <link rel="stylesheet" type="text/css" href="NOT-IE.css" /> <![endif]> IE 6 ONLY: 複製代碼 代碼如下:<!--[if IE 6]> <link rel="stylesheet" type="text/css"

我們應該養成良好的編碼習慣，CSS整體布局聲明為我們的代碼簡化、提高運行效率提供了途徑。我們列舉比較常用的形式，並加上解釋。整體布局聲明的作用在於將目標作一個整體的概括，聲明一些完全相同或基本相同的屬性及值，以免在後面的代碼中每一個標籤中都需要單獨定義。若有不同的屬性與值，後面的重新定義即可。 一、通配式整體布局聲明。 * { margin:0; padding:0; font-size:0.8em; ... }

一、關於注釋 　　在建立xhtml+CSS網站時，CSS中的注釋非常重要。在建立CSS樣式時，應當保持隨手注釋的習慣。一般的，我習慣於使用“/* 注釋內容 */”的格式來寫注釋，因為在EditPlus等具有高亮功能的編輯器裡，使用C語言中常用的“/***************/”之類的注釋是無意義的，沒有必要填充大量無意義內容作為分隔。帶有注釋的文檔作為網站的原始CSS文檔，在發布網站的時候，可以使用CSS壓縮公用程式壓縮CSS，在輸出的CSS中去掉注釋以提高檔案傳輸效率。 二、關於命名 　　

學習任何東西都是一樣，從小學、中學、大學，除了學習知識外就是去學習方法！ 　　要想掌握CSS,

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

邊界疊加是一個相當簡單的概念。但是，在實踐中對網頁進行布局時，它會造成許多混淆。簡單地說，當兩個垂直邊界相遇時，它們將形成一個邊界。這個邊界的高度等於兩個發生疊加的邊界的高度中的較大者。　　當一個元素出現在另一個元素上面時，第一個元素的底邊界與第二個元素的頂邊界發生疊加，見圖：元素的頂邊界與前面元素的底邊界發生疊加　　當一個元素包含在另一個元素中時（假設沒有填充或邊框將邊界分隔開），它們的頂和/或底邊界也發生疊加，見圖：元素的頂邊界與父元素的頂邊界發生疊加　　儘管初看上去有點兒奇怪，但是邊界甚至

徹底放棄表格版面配置，使用xhtml+CSS建站也已經有一年多了。一年多的實踐也積累了一定的經驗，現在寫這篇文章來總結一下。在使用xhtml+CSS建站的過程中有一個比較關鍵的問題：網站的CSS樣式表規劃與管理。 我的CSS管理進化史

現在國內絕大多數的網站都用CSS把字型大小設定為12px，像素雖然也是相對尺寸單位，但只是相對於螢幕的解析度 ，當螢幕的解析度一定時，如果你感到字太小，閱讀有困難，在非標準瀏覽器中就無能為力了，所以說，如果把單位改成em，那麼就可以用CTRL+滑鼠滾動把字放大，或者用菜單上的查看>文字大小來改變字的大小。 如何設定