CSS

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制，屬於表現層的布局語言。 　　1.基本文法規範 分析一個典型CSS的語句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我們稱為"選取器"(selectors)，指明我們要給"p"定義樣式； 樣式聲明寫在一對大括弧"{}"中； COLOR和BACKGROUND稱為"屬性"(property)，不同屬性之間用分號";"分隔； "#FF0000"和"

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

7、Gray ,Invert,Xray 濾鏡文法：{filter:gray} ,{filter:invert},{filter:xray}Gray濾鏡是把一張圖片變成灰階圖；Invert濾鏡是把對象的可視化屬性全部翻轉，包括色彩、飽和度、和亮度值；Xray濾鏡是讓對象反映出它的輪廓並把這些輪廓加亮，也就是所謂的“X”光片。效果如下：8、Light

一、類型選擇符 body { font-size:12px; } { color:blue; } 　　指對網頁中已有的標籤類型作為名稱的選擇符，如上表示：body標籤內的所有文字大小為12px;段落內的文字顏色為藍色。 　　二、群組選擇符 h4,p,span { font-size:12px; } 　　表示頁面所有的h4,p,span標籤內文字都為12px大小，即對一組對象進行相同的樣式指定，每個標籤之間用逗號分隔開來。 　　三、包含選擇符 div p {

前言

Mask濾鏡可以為網頁上的HTML元件對象作出一個矩形遮罩，關於什麼是遮罩?如果你用過Flash中的遮罩，你就會知道了，就是那個樣子了。實際上對於遮罩你也可以這樣來理解，相當於用一塊有色布把物件蓋起來，但內容卻被挖去了。若你還不明白，就看下面的圖片再聽我給你細說。　　圖1　mask濾鏡效果1　　在上面這mask濾鏡中用這麼深的顏色，主要是讓你能清楚地看出效果來。讓我們來看一下mask濾鏡的參數： 它只有一個參數Color，即遮罩的顏色 以#RRGGBB 格式的顏色值。

CSS對瀏覽器器的相容性具有很高的價值，通常情況下IE和Firefox存在很大的解析差異，這裡介紹一下相容要點。 對高度的解析 IE：將根據內容的高度變化，包括未定義高度的圖片內容，即使定義了高度，當內容超過高度時，將使用實際高度 Firefox：沒有定義高度時，如果內容中包括了圖片內容，MF的高度解析是根據印刷標準，這樣就會造成和實際內容高度不符合的情況；當定義了高度，但是內容超過高度時，內容會超出定義的高度，但是地區使用的樣式不會變化，造成樣式錯位。

擷取頁面高度，視窗高度，捲軸高度等參數值 擷取頁面高度，視窗高度，捲軸高度等參數值 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

引伸閱讀 * 解讀absolute與relative * position:relative/absolute無法衝破的等級 * 對《無法衝破的等級》一文的補充 定位一直是WEB標準應用程式中的痛點，如果理不清楚定位那麼可能應實現的效果實現不了，實現了的效果可能會走樣。如果理清了定位的原理，那定位會讓網頁實現的更加完美。定位的定義：在CSS中關於定位的內容是：position:relative | absolute | static | fixedstatic 沒有特別的設定，

用&lt;TABLE&gt;語句來實現圓角表格可以省去製作圓角圖片之苦！_經驗交流語句： <DIV align=center> <TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%"> <TBODY> <TR height=1> <TD

因為螢幕能顯示的最小單位是1px，對於像773*50%=386.5這樣帶數位長度必須有所取捨。 測試頁面，一些瀏覽器的標寬度也在裡面 IE：按四捨五入的方式計算。 Firefox：計算後的值忽略小數部分，但會把多出的長度分配給裡面的各元素。 如果只多出1px，比如2*386=772，剩下的1px會到其中一個元素，優先分配第一個元素，像773px分配給兩個50%時得到的是：387px和386px，分配給四個25%時得到的是：194px、193px、193px和193px； 而對於多出幾個px，如7

HTML中的Label標籤，未接觸標準的恐怕會比較陌生。即使接觸了標準，很多人也只是當成一個容器，用來解釋表單中的元素。概念性的東西我這裡就不羅唆了，有興趣的可以參看W3上的教程。 這裡偶只是想談談Label中For的用法，這兩天再搞華人站用了幾個，還是比較爽的。如下面的例子，對於“相當同意”，試著點點文字看。如果真覺得“吹毛求疵”，那就麻煩去描那個小不拉吉的RedioBox了。 相當同意 果然吹毛求疵

利用 CSS + 標籤 來完成一個三角形的製作 M One M Two M Three M Four [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

定義表格各列的樣式，不用每個td都在那裡加一堆的Class，利用th,colgroup,col等屬性，輕鬆搞定^_^ 代碼如下：複製代碼 代碼如下: TagName ClassName CSS table Demo border-collapse: collapse;color: #454545;font: 11px/150% Verdana, Arial, Helvetica,

用表格做網頁排版的時候，一般都能正常使用。偏偏有時會碰到一段連續的英文詞或者一堆驚嘆號(!!!)把網頁就撐開的現象：（ 總結了一下，只要在CSS中定義了如下句子，可保網頁不會再被撐開了。 table{table-layout: fixed;} td(word-break: break-all; word-wrap:break-word;) 注釋一下： 1.第一條table{table-layout: fixed;}，此樣式可以讓表格中有!!!(驚嘆號)之類的字元時自動換行。 2.td{word-

IE7發布已經有些日子了，因此網站需要照顧的瀏覽器又多了一個。這兩天設計師們在做相容，找到了一個解決辦法，這裡既是共用，也是記錄。結合之前自己使用important!和/**/來區分IE5、IE6、Moz的經曆，以下代碼區分4個瀏覽器，複製代碼儲存成一個HTML檔案看看效果吧：（ 無標題文檔 IE5: YELLOW IE6: GREEN IE7: BLUE MOZ: RED [Ctrl+A 全選

在進行WEB標準網頁的學習和應用過程中，網頁對瀏覽器的相容性是經常接觸到的一個問題。其中因微軟公司的Internet Explorer(簡稱IE)佔據瀏覽器市場的大半江山，此外還有Firefox、Opera等。需要對這些瀏覽器進行相容。 同時，單就IE而言，因IE版本的升級更替，目前瀏覽者使用的主要停留在

很早以前的，還沒有DW的時候，我們就會搞灰階串連了。 無標題文檔 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

前不久我寫過 XML+XSL 與 Html 的結合 文章，之後有人問我如何把 CDATA 中的內容以Html方式展現出來（尤其是使用者寫的Html不規範）。本來想寫個範例，後來到Google上一查，發現已經有人寫了。就在：http://java.blogger.cn/wuyu/posts/1460.aspx 注意：xsl的disable-output-escaping="yes" 其核心就是利用 disable-output-escaping="yes" MSDN 上對它的描述如下：

感覺跟ul和li有點類似,不過也算是一種新思路,源碼如下: dl,dt,dd製作的CSS垂直菜單 Gallery Paul Cezanne Henri Matisse Vincent van Gogh William Turner John Constable Claude Monet [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]