CSS

<style>.info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}/*設定連結的屬性,一定要設定為relative才能使提示層跟著連結走*/.info:hover {background:#eee;

純CSS實現表頭固定之所以難，主要在兩點。一是佔有最大市場份額的IE6不支援position:fixed。另一個，是人們想破頭都想在一起表格中實現這種效果。不過外國真的人用純CSS實現了這種效果，動用了數量驚人的CSS

內容應放在HTML中，而不應該依賴於CSS。這是HTML的一個重要原則。下面這個例子很明顯的體現這個問題：當CSS可用時，頁面的內容正常。 

最大寬度屬性協助開發人員限制文本或其他元素的寬度。最大寬度的目的是把你的元素限制在邊界線以內。使用下面的代碼就可以限制最大寬度，你還可以根據你的需要改變數值。.container {width: 800px;max-width: 90%;}- 自適應圖片大小下面的代碼可以幫你根據限制的寬度自動調節圖片大小。你需要做的就是設最大寬度為100%高度自適應。img {max-width: 100%;height: auto;}不過對IE8上面的代碼需要做些許調整，因為上面的代碼只對IE7和IE9起效。

阿一web標準學堂《阿一web標準學堂》是一套面向web標準初學者的視頻系列。雖然我也只是一個web標準剛入門的學習者，但是我還是希望能通過這個學堂將自己學習到的東西與大家分享，這樣不僅可以讓更多的朋友走上web標準設計的道路，更重要的是可以得到很多前輩們的指點和教導，從而更快的取得進步。所以，各位朋友如果在學堂上發現錯誤之處，歡迎你到【部落格園web標準設計小組】交流討論，從而協助更多的人取得更快的進步。因為工作原因，我不能保證其更新頻率。但是，我會盡我所能，每1-2周發布一課的更新頻率。給你

CSS Hack由於不同的瀏覽器（Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等），對CSS的解析認識不一樣，因此會導致產生的頁面效果不一樣，得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時相容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。針對不同瀏覽器寫不同的CSS code的過程，就是CSS hack。CSS Hack

最近工作寫CSS比較多，寫完之後發現問題很多，尤其是瀏覽器安全色問題，現將學到的和一些總結的寫下來。 1、什麼是CSSCascading Style Sheets(層疊樣式表)的簡稱.一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執行(屬於瀏覽器解釋型語言).在標準網頁設計中負責網頁內容的表現.例如 background-color: red; 被描述的元素的背景顏色為紅色。 2、CSS Hack 是什麼     

在一款很有趣的開源VS2005外掛程式：CopySourceAsHtml 看到CopySourceAsHtml , 安裝發現中文的VS2005會出現問題, 還有, 它是開源的, 在修正 CopySourceAsHTML 外掛程式無法用於中文 VS2005 的Bug 中可以找的解決方案,.我自己也修改了一些, 加上了相鄰行背景色可設定, 並做一些自己覺得需要的修改, 我修改後的DLL可在此下載: CopySourceAsHtml.dll.添加樣式表:  其中.cf的樣式來自Dflying

　　對IE8、IE7、IE6、Firefox2.0.0.12做了簡單的一些CSS HACK測試。下文中的 IE8 暫時僅代表IE8 beta1)。　　CSS定義：p {color:#f00;}　　xhtml結構：<p>文字</p>　　主要是測試“文字”這個顏色在不同瀏覽器下使用hack的一些結果報告：　　* html  p {color:#f00;}　　　支援 IE6        不支援FF IE7 IE8b　　*+html p {color:#f00;}　　　支援

文章目錄 元素與盒盒模型正常流塊級與行內級格式化上下文 元素與盒在HTML中常常使用的概念是元素，而在CSS中，布局的基本單位是盒，盒總是矩形的。元素與盒並非一一對應的關係，一個元素可能產生多個盒，CSS規則中的虛擬元素也可能產生盒，display屬性為none的元素則不產生盒。除了元素之外，HTML中的文本節點也可能會產生盒。盒模型一個盒包括了內容(content)、邊框(border)、內邊距(padding)、外邊距(margin)。

任何屬性和內容都能以url的方式匯入 比如 <p innerText="http://xxxxxx.com/content.txt%22%3E%3C/p>一個頁面所有請求的資源可以被積極式載入，可預測的資源在一個http請求中就擷取到瀏覽器端style不再做為屬性或者標籤，而是做為一個頁面描述渲染的檔案匯入——對不同裝置，可以由服務端決定返回什麼樣的Style

部落格轉移到:http://iyf.cc/archives/53網上沒找到合適的這樣的工具.自己就寫了一個,程式使用YUI

文章目錄 Portfolio CSS Template 1Portfolio CSS Template 2Photography CSS Portfolio TemplateFashion Portal CSS TemplateAuto Portal CSS TemplateGaming Portal CSS TemplateSport Portal CSS TemplateCorporate CSS Template 1Corporate CSS

文章目錄 17. Flourish19. Gardener20. Netzbewegung GmbH21. RGA22. Pixillion23. Polecat24. CornrStone25. Courier26. The World of Tijuanaflats27. Capturée28. Denise Chandler29. Doopsuikerpoppies30. Ice Berg Quest

文章目錄 62. Photopod App63. Mleko Sniadaniowe64. Stephan Siegrist65. The Do Lectures66. Kunal Chhajer67. Notch Studio68. Handle With Love69. Handball 201170. These are Things71. Studio 8372. Stylapps73. Art Flavours74. Html 5 Lab

　　CSS對瀏覽器的相容性有時讓人很頭疼,或許當你瞭解當中的技巧跟原理,就會覺得也不是難事,從網上收集了IE7,6與Fireofx的相容性處理方法並整理了一下.對於web2.0的過度,請盡量用xhtml格式寫代碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加 DOCTYPE聲名. 　　 　　CSS技巧 　　 　　1.div的垂直置中問題 vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px;

 　  現代 Web 設計與開發越來越看重瀏覽器安全色問題，IE 每個新版本的推出，都在 CSS 的標準化方面前進一大步，同時，也就不可避免地在 IE 的各個主要版本之間產生相容問題，儘管 IE8 推出已有時日，使用 IE6的使用者仍然相當可觀。本文以速查手冊的形式介紹 CSS （2.1 和 3）在 IE6,7,8 三個版本之間的相容情況。這套速查手冊可以列印成 A3 尺寸，共2頁，以下是各種不同格式下載：高解析度 GIF 圖片格式，第一頁，第二頁PDF 格式，第一頁，第二頁  

文章目錄 滾動效果下拉式功能表動畫

min-width是個非常方便的CSS命令,它可以指定元素最小也不能小於某個寬度,這樣就能保證排版一直正確。但IE不認得，所以如果你用IE將部落格園的視窗寬度縮到足夠小，所有的字都變在一列中。常見的解決方案就是用javascript或IE的expressions。在這裡我來嘗試用css來解決這個問題假設我們需要一個min-width為300px的div第一步<div style="border-left: 300px solid #fff;height:1px"></div&g

/**//// <summary>/// 去除HTML標記/// </summary>/// <param name="Htmlstring">包括HTML的源碼 </param>/// <returns>已經去除後的文字</returns>public static string NoHTML(string Htmlstring){//刪除指令碼Htmlstring = Regex.Replace(Htmlstring,@