CSS

目前，主要有以下幾種用用途： 　　1、顯示伺服器端環境變數 　　2、將常值內容直接插入到文檔中 　　3、顯示WEB文檔相關資訊(如檔案製作日期/大小等) 　　4、直接執行伺服器上的各種程式(如CGI或其他可執行程式) 　　5、設定SSI資訊顯示格式(如檔案製作日期/大小顯示方式) 　　進階SSI可設定變數使用if條件陳述式。 　 SSI有什麼用? 之所以要扯到ssi，是因爲shtml--server-parsed HTML 的首字母縮減詞。包含有嵌入式伺服器方包含命令的 HTML

/**//*按鈕樣式*/ .ButtonCSS {}{ font-family: "Tahoma", "宋體"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BORDER-LEFT: #93bee2 1px solid; BORDER-RIGHT: #93bee2

選擇上傳檔案:要將method設定為post.將enctype=multipart/form_date 代碼如下: 效果如下: 在表單上建立一個影像檔:沒有value屬性,映像可以代替提交按鈕,同時還提交單擊滑鼠時的XY座標代碼如下: 在表單上建立一個下拉式清單方塊:中的value用於設定傳送的內容,如不設則為中的內容 代碼如下: 效果如下: 代碼如下: 效果如下: 代碼如下: 按著Ctrl可以多選 效果如下: 代碼如下: 按著Ctrl可以多選 效果如下:

由於VML是向量的，放大縮小變得很容易了。我們先看一個例子，看看VML能做到什麼程度。還是以前面的一個飛碟做為例子。它是用線、圓、弧等形狀拼湊起來的一個圖形。我增加了移動事件，當放大太多了，可以拖動圖片查看。放大 1倍放大 2倍放大 3倍放大 4倍放大 5倍放大 6倍放大 7倍放大 8倍放大 9倍放大10倍 是否感覺出來了，放大縮小對 VML 的畫質沒有改變？因為 VML 是向量的。動態改變它的 coordsize 值就可以了，注意，減小值等於放大，增大值就等於縮小。可以參考下面的指令碼：

聲明：以下內容收集於網路，經才子理解後，加以整理編輯，轉載請保留才子小站的連結，謝謝！！！才子手記：http://blog.54caizi.com玩WEB重構的朋友相信都有一個同樣的苦惱，那就是由於瀏覽器版本的不同，對CSS裡某些元素的解釋也不一樣，才子當然也碰到同樣的問題，也收集了一些解決方案，才子之前貼過兩個針對瀏覽器版本不同而選擇不同CSS的代碼，有興趣的朋友自己找找吧。其實我們還可以利用條件注釋的方法來達到類似的目的，什麼是條件注釋，才子也在此簡單介紹一下，無非就是一些if判斷啦，呵呵，

針對瀏覽器隱藏CSS之獨孤九劍Hide CSS for

VML(Vector Markup Language) 是一個最初由Microsoft開發的XML詞表，現在也只有IE5.0以上版本對VML提供支援。使用VML可以在IE中繪製向量圖形，所以有人認為VML就是在IE中實現了畫筆的功能。下面介紹一下VML的優點： 基於XML標準 XML是公認擁有無窮生命力的下一代網路標記語言， VML具有先天的優勢，它的表示方法簡單，易於擴充等等。 支援高品質的向量圖形顯示

代碼執行個體之純CSS代碼實現翻頁效果_經驗交流純CSS實現翻頁效果，原理比較簡單，書籤配合隱藏。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

In a time of web developers who just like to say that 'Tables are Evil' and can't (or won't) explain why, this article will attempt to give you some solid reasons that people create tableless designs. Included are six major benefits of creating

工作原理#wrapper必須觸發hasLayout,不然有時裡面的內容會浮得怪怪的，我直接用float的，可以用其他方式。其實如果只是要做到這個例子要的效果連#wrapper都可以不要。#left定義100%寬度並利用margin:0 0 0 -200px把左邊整塊放在位移入左邊200px處，再利用#innerLeft的margin:0 0 0

div＋css布局入門 4XHTML下css+div布局總結. 6網頁設計DIV+CSS——第1天:選擇什麼樣的DOCTYPE. 9第一天 9什麼是DOCTYPE 10我們選擇什麼樣的DOCTYPE 10補充 10網頁設計DIV+CSS——第2天:什麼是名字空間 10網頁設計DIV+CSS——第3天:定義語言編碼 11網頁設計DIV+CSS——第4天:調用樣式表. 11外部調用樣式表 11雙表法調用樣式表 12網頁設計DIV+CSS——第5天:head區的其他設定. 12收藏夾小表徵圖.

IE7 修複了很多 bug，也增加了對一些選擇符的支援，所以現在諸如 *html {} 和 html＞body {} 等針對 IE 隱藏或顯示的 hack 都會在 IE7 中失效。雖然 CSS Hack 不推薦使用，條件注釋才是萬無一失的過濾器，但是條件注釋只能出現在 HTML 中，CSS Hack 還是有用武之地的。Nanobot 發現了一些針對 IE7 的 CSS Hack，具體就是：＞bodyhtml**+html這三種寫法，其中前兩種都是不合法的 CSS

1、Alpha 濾鏡 文法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}

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

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

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

先看看效果Step 1: XHTML <ul class="star-rating"> <li><a href="#" title="Rate this 1 star out of 5" class="one-star">1</a></li> <li><a href="#"

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

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

熟悉CSS盒模型朋友相信對於IE雙倍浮動邊界BUG不會陌生（如果你並不是很清楚可以點擊），這個BUG只會產生在浮動行的第一個浮動元素，所以如果第一個浮動元素沒有使用外補丁margin就不會有雙倍距離。不過最近發現IE對於這個BUG居然有延伸的現象。問題下例所有圖的浮動行的第一個浮動元素外補丁margin都為0#left2的margin-left為50px顯示正常 當#left2的margin-left為100px顯示正常