CSS

CSS布局常用的方法：float:none|left|right取值：none:　預設值。對象不飄浮left:　文字資料流向對象的右邊right:　文字資料流向對象的左邊 它是怎樣工作的，看個一行兩列的例子xhtml:這裡是第一列這裡是第二列 /*這是違背web標準意圖的，只是想說明在它下面的元素需要清除浮動*/CSS:#wrap{width:100;height:auto;}#column1{float:left;width:40;}#column2{float:right;width:60;

非常高興地看到很多設計師開始關注和嘗試使用web標準製作網頁。但從網友們的問題和製作中發現幾個問題，在這裡特別提醒一下：1.不是為了通過校正才標準化。web標準的本意是實現內容(結構)和表現分離，就是將樣式剝離出來放在單獨的css檔案中。這樣做的好處是可以分別處理內容和表現，也方便搜尋和內容的再利用。W3C校正僅僅是協助你檢查XHTML代碼的書寫是否規範，CSS的屬性是否都在CCS2的規範內。代碼的標準化僅僅是第一步，不是說通過的校正，我的網頁就標準化了。我們不是為了虛名，或者向別人炫耀：“看我

閑來無事，整理一些CSS文字效果，給初學者。下面做個例子吧，這都是最基本濾鏡的應用，其實兩種或幾種不同濾鏡的組合會獲得意想不到的效果，遇到問題自己多動手試試就OK了，當然要特別注意顏色的搭配，有時候用色不好是看不出效果的，配合背景圖片的應用也會有很好的效果的。因為太懶，所以沒有寫注釋也沒有寫什麼文法格式，自己看看吧！ 嘿嘿。（看不明白別罵我呀）

在阿捷的w3cn中，他說：引用內容在以前，我們通常採用2種方法使用樣式表：頁面內嵌法：就是將樣式表直接寫在頁面代碼的head區。類似這樣：外部調用法：將樣式表寫在一個獨立的.css檔案中，然後在頁面head區用類似以下代碼調用。在符合web標準的設計中，我們使用外部調用法，好處不言而喻，你可以不修改頁面只修改.css檔案而改變頁面的樣式。如果所有頁面都調用同一個樣式表檔案，那麼改一個樣式表檔案，可以改變所有檔案的樣式。可見阿捷是十分推崇用的。補充一下阿捷的話，使用的好處不單單是修改起樣式表很方便

用W3C標準建造的網站，從理論上來說可以做到完全的表現與結構相分離。打個比方，就是可以在不動骨架（結構，XHMTL）和肌肉（行為，Javascript）的前提下，徹徹底底地換一身皮（表現，CSS）。 當然，換皮之前你需要先按W3C標準建好你的網站，並且為它準備兩套表現不一樣的CSS。“換皮”實質上就是“換CSS”，我們要做的，只是用某種方法讓瀏覽器載入另一套CSS，重新渲染頁面。方法有很多種，我就介紹最常見的三種。方法一：什麼也不幹啊？什麼也不幹？嗯，這個……準確地說是：就幹那麼一丁點兒

最近的工作中，遇到不少問題，其中一個問題我覺得是最重要的，那就是css的書寫順序，他可以體現一個前端工作者的思續。如果您看到本文，請不要再想到哪個屬性就寫哪個屬性。 先來看一下firefox推薦的書寫順序 * mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide -http://mozilla.org/contribute/writing/markup) */ /*

邊框屬性(border)用來設定一個元素的邊線。　　邊距屬性(margin)是用來設定一個元素所佔空間的邊緣到相鄰元素之間的距離。　　間隙屬性(padding)是用來設定元素內容到元素邊界的距離。　　這三個屬性都屬於CSS中box類型的屬性。　　下面這個，很形象地體現了三者之間的區別。這裡提供一張盒模型的3D，希望便於你的理解和記憶。

你也許已經意識到，你可以通過指定每一鍵接的不同風格以建立CSS翻滾效果，這些連結包括普通的連結link (normal), 訪問，翻轉，以及啟用。並且，你可能也知道CSS類型的順序可以產生效果上的差別，CSS代碼後順序的風格將會取代針對於相同元素的前順序的風格。建立翻滾效果的類型順序顯得相當重要。 現在讓我們看看如何安排連結狀態的類型在不產生衝突的情況下支援正常的翻滾效果，並且如何重新安排這些類型順序以獲得不同的翻滾效果。 連結狀態

A:均不設定postion，一般嵌套關係 B:僅外div設定relative，一般嵌套關係 C:僅內div設定absolute，文檔中為嵌套關係，頁面中內div浮起[非float]，相對於頁面定位，與外div無關。 A:均不設定postion，一般嵌套關係 B:僅外div設定relative，一般嵌套關係 C:僅內div設定absolute，文檔中為嵌套關係，頁面中內div浮起[非float]，相對於頁面定位，與外div無關。

最近發現越多越多的人使用DIV+CSS這個稱為來代表XHTML。這從根本上就是不正確的！其一，CSS是一種叫做樣式表（stylesheet）的技術。也有的人稱之為層疊樣式表（Cascading Stylesheet），而DIV是HTML中的一個標籤。DIV和TABLE是同級的，所以不應該把DIV和CSS連在一起來代表XHTML。其二，DIV+CSS並不一定就符合標準，XHTML而也並不只是DIV+CSS。許多號稱已經使用DIV+CSS進行重構的網站或論壇其實本身根本無法通過W3.ORG的校正。（

在瀏覽網頁的時候我們有時可以看到有的網頁捲軸顏色不是系統預設的，而是漂亮的紅色或其它顏色，其實這就是在網頁代碼之間加入代碼來實現的，具體是哪些代碼呢？　 網頁捲軸代碼及其解釋如下：（複製時請將大寫角括弧改為小寫） 以下是引用片段： 以上的代碼，從Body以下的，凡是#號後面的，都是顏色代碼，顏色代碼為16進位。而括弧內的文字是對左邊代碼的注釋，在加入網頁代碼時不要輸入。這樣一來，你就可以DIY自己的網頁捲軸了。來源：中國站長資訊網

web標準推薦如下字型定義方法：body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }* 字型按照所列出的順序選用。如果使用者的電腦含有Lucida Grande字型，文檔將被指定為Lucida Grande。沒有的話，就被指定為Verdana字型，如果也沒有Verdana，就指定為Lucida字型，依此類推。* Lucida Grande字型適合Mac OS X；*

文法：STYLE="filter:filtername(fparameter1, fparameter2...)" 　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數） script 文法：HTMLElement.filters.filterName.fParameter=value; 　　濾鏡說明： 　　Alpha：設定透明層次 　　blur：建立高速度移動效果，即模糊效果 　　Chroma：製作專用顏色透明

翻譯：Linyupark You can prepare yourself for XHTML by starting to write strict HTML.你可以開始通過書寫嚴格的HTML代碼來為你的XHML之行做好準備 --------------------------------------------------------------------------------How To Get Ready For XHTML如何為XHTML做準備呢？XHTML is the

CSS布局中,未知大小圖片的垂直置中，一直是比較頭疼的問題,標準瀏覽器只要設定容器的line-height和圖片的vertical-align:middle;就可以了，但對IE沒用，幾個月前在國外網站看到了一則對IE的解決方案，感覺不是很理想，也沒當回事。最近看到經常有朋友在問類似的問題，又把代碼翻了出來，針對IE改了下。CSS .box{height:140px;width:200px;border: solid 1px #666;text-align:center;/*水平置中*/line-

寫XHTML要求使用乾淨的HTML文法--------------------------------------------------------------------------------Some More XHTML Syntax Rules:更多XHTML文法規則： Attribute names must be in lower case屬性名稱必須為小寫 Attribute values must be quoted屬性值使用雙引號 Attribute

asp開發規範 一、單頁編寫規範： 切記頁面要分模組來寫： 第一模組：接收參數。[有可能從不同頁面提交到同一個頁面；也可能出現兩個表單項以哪個優先的處理)。 第二模組：定義全域變數。 第三模組：寫處理代碼(盡量將代碼都包含到函數中，詳見頁面附註一)。——到此asp代碼主要部分完成。 第四模組：純html代碼，利用儲存在全域變數中的值來產生頁面。 第五(注意)：要在頁面頭部寫清頁面邏輯。(如何接收、處理。) 優點：便於維護。模組獨立，便於重複使用到類似頁面。 二、全站檔案構建規範：

css元素定位 1. position:static|無定位position:static是所有元素定位的預設值, 一般不用註明，除非有需要取消繼承的別的定位example:#div-1 { position:static;}2. position:relative|相對定位使用position:relative，就需要top,bottom,left,right4個屬性來配合，確定元素的位置。如果要讓div-1層向下移動20px,左移40px:example:#div-1 { position:

　　我們都知道瀏覽器之間是有差異的，很多人在使用XHTML+CSS方式製作網頁的時候都曾為此無比頭痛。要在這些差異的影響下工作需要很多的技巧，“隱藏CSS”就是其中很重要的一種技巧（甚至是最重要的）。這種技巧的主要思想是，用某些方式對某些瀏覽器隱藏某些重載的CSS規則。 　　這篇文章並不是想教你如何使用這種技巧，它面向的是有一定CSS基礎的設計開發人員，我假定你曾經使用過某種隱藏CSS規則的方法。這裡是想把可用的方法與被隱藏規則的瀏覽器都列出來，方便大家在平時工作時隨時查閱。

如果你能很好地應用CSS，那麼你的首頁將被打扮得很靚。下面就給大家介紹用CSS做出的一個按一下滑鼠特殊。 1、將下面的代碼複製到你的首頁中和之間。〈STYLE〉.shadow {　　FILTER: shadow(color=blue，direction=225)　　}　　.shadow1 {　　FILTER: shadow(color=red，direction=225)　　}　　.shadow2 {　　FILTER: shadow(color=green，direction=225)　　}