CSS

Css提供了許多功能強大的濾鏡，給我們提供了非常便利的條件。其 分為介面濾鏡（Procedural Surfaces)靜態濾鏡(Static filters)和轉換濾鏡(Transitions)，大夥先熟悉一下轉換濾鏡，其它兩個過些日子再說，呵呵~~————————————————————————————註：除了RevealTrans和BlendTrans外，其餘的須在IE5.5+下才可正確運行！barn濾鏡屬性：duration :

****************************************************CSS命名規則****************************************************    頭：header 　　內容：content/containe 　　尾：footer 　　導航：nav 　　側欄：sidebar 　　欄目：column 　　頁面外圍控制整體布局寬度：wrapper 　　左右中：left right center

 1、瀏覽器事件的捕捉在IE下有一個全域的window.event，當事件觸發後可以直接使用，但是在fireFox下沒有這個東西，當調用觸發事件調用一個函數時，如果這個函數沒有形參，那麼firefox會預設的把event（事件）傳進去，但是有參數時就不行啦，所以解決的辦法是，自己手動傳一個event進去，這樣就ok了，具體代碼如下：下面兩個函數，都是響應滑鼠onclick時觸發的動作，第一個在ie下使用正常，但是在firefox下卻有問題，改成第二個那樣使用，就沒有問題了，注意調用方法的區別vi

學習css的過程中，研究別人的良好的xhtml結構及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><title> new

學習css的過程中，研究別人的良好的xhtml結構及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><title> new

導航在網站上佔有極重要的地位，Table時代的菜單都是用若干個td並排顯示而成。現在，我們可以用語義化的標籤，如li來完成。菜單一：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

外置.main{ float:left;#float:none;_float:none;html*.main{ float:left;#float:none;_float:none; }*+html .main{ float:left;#float:none;_float:none; }* html .main{ float:left;#float:none;_float:none;

下面是代碼,用DIV來做,易於實現<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>DIV 製作捲軸</title> 

來源Discussing CSS Management and Optimization譯者bishua越來越多的大型網站開始關注、使用css，對於管理多個複雜css檔案顯然是有異議的。下面是二系列內容中的第一部分，第一部分我們關注對於管理樣式的觀點，並在其基礎上總結出可行的方案。第二部分我們將對以上結論進行對比。強大的css技術最近幾年已經被廣泛推廣了。感謝Wired redesign(以及後來的high profile redesigns…，更多組織) 和CSS Zen

讓div 透明，相容IE FFtransparent_class{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;  在裡說得很清楚了：Note: Firefox 3.5 and later do not support -moz-opacity.

在進行頁面的DIV+CSS排版時，遇到IE6（當然有時Firefox下也會偶遇）瀏覽器中的圖片元素img下出現多餘空白的問題絕對是常見的對於該問題的解決方案也是“見機行事”，根據原因的不同要用不同的解決方案，這裡把解決直接把解決image圖片布局下邊的多餘空隙的BUG的常用方法歸納，供大家參考。方法整理來源於萬福的網路。1、將圖片轉換為塊級對象即，設定img為：display:block;在本例中添加一組CSS代碼：#sub img

div+css中設定了float屬性後如何讓外層的高度隨著內層的高度大小自動調整2010-03-03

CSS中的長度 絕對單位：幾乎不用在網頁中 in 英寸      1in = 2.54cm cm 厘米    1cm = 0.394in pt 磅        1in = 72pt pc pica      1in = 6pc 相對單位：較常用 em   1em = 相應字型的font-size值 ex    1ex = 相應字型中的小寫x字母的高度值，較難求得，一般取0.5em px    最為常用的 CSS中的元素分類 display   設定元素所屬類別，不可繼承

盒子模型是css中一個重要的概念，理解了盒子模型才能更好的排版。其實盒子模型有兩種，分別是 ie 盒子模型和標準 w3c 盒子模型。他們對盒子模型的解釋各不相同，先來看看我們熟知的標準盒子模型：   　　從可以看到標準 w3c 盒子模型的範圍包括 margin、border、padding、content，並且 content 部分不包含其他部分。　　ie 盒子模型  　　從可以看到 ie 盒子模型的範圍也包括 margin、border、padding、content，和標準 w3c

將字型名轉換為 Unicode 編碼在 CSS 中使用中文稍不留神就會引起的編碼問題，所以應當使用英文字元來設定中文字型，如：body { font-family: SimSun; }SimSun 是宋體的英文名。這是理想情況，可惜理想和現實總有差距。Firefox 的早期版本和 Opera （直到目前的10版）均無法識別中文字型的英文名，所以還需要使用第二個方法：body { font-family: \5B8B\4F53, SimSun; }“\5B8B\4F53” 是“宋體”二字的

做公司網站時候做的一個二級菜單,通過XML配置，拿來分享一下，源碼隨附件奉上: * 用XML做設定檔，其他代碼用JS產生，實現代碼與資料分離。* IE6大多標籤不支援hover，這裡使用JQuery的hover事件函數。* 測試環境IE6、Firefox3，代碼很好的相容了IE和Firefox，其他環境未做測試。* 滑鼠移動活動連結高亮顯示，而且下拉式功能表不會被文字遮擋，當然Select表單元素除外。* 使用JQuery的函數讀取XML總是失敗，所以這裡用了一個自訂的函數loadXML()。*

 jQuery使用手冊                                                  三：CSS操作      傳統javascript對css的操作相當繁瑣，比如<div id="a" style="background:blue">css</div>取它的background文法是

文法：STYLE="filter:filtername(fparameter1, fparameter2...)" （Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）濾鏡說明：Alpha：設定透明層次 blur：建立高速度移動效果，即模糊效果Chroma：製作專用顏色透明DropShadow：建立對象的固定影子FlipH：建立水平鏡像圖片FlipV：建立垂直鏡像圖片glow：加光輝在附近對象的邊外gray：把圖片灰階化invert：反色light：

前台註冊適用於2010VisualWebpart，應用程式頁<SharePoint:ScriptLink Language="javascript" ID="jqueryScriptLink" Name="/_layouts/tgUI/jquery-1.6.4.js" Defer="false" runat="server"/> <SharePoint:CssRegistration ID="SDCSSLink"

一個Portal site, 在1024 * 768 解析度情況下,顯示很大的捲軸. 1280 * 1024 正常顯示.在這兩個解析度,我對比了一下,發現頁面字型太大,Menu之間 空格太多, 如果把字型 設定小一點 , 空格去掉.在1280下面又不好看.思考之後,我決定寫兩個css.一個是在1024下面時候,一個在1280下面.首先, 刪除現有的CSS.我用的Master 是BlueBland.master(不同的模板,有不同的主CSS),它用的主CSS是