CSS

放在javascript檔案頭部，就像C#（using...）或Java（import ...） $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? :file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att =

      上面的效果看起來還不錯吧。在網頁裡，除了用Flash，我們還是有不少方法可以實現它。      顯然這種效果不複雜，一張背景圖片，加上前面帶有透明度的多邊形圖層，在指令碼控制下就可以轉起來了。但問題在於用什麼方法來構建這個多邊形？      在IE下可以用VML，其他瀏覽器可以用Canvas等等。雖然行的通，但都不是最簡單的。仔細分析下，該效果本質就是若干個三角形拼接而成。而三角形，如果你熟悉CSS2的話，一定在哪個地方見過。。。     

===========解決ie6 與ie8的padding問題========== 一開始我一直以為ie6加了padding顯示的width=width+pading 其實不是，找了資料 ie下都不會的 如果這樣你就要檢查的css設定 看我的： 前台代碼： <asp:Repeater ID="rpt_zzjs" runat="server"> <HeaderTemplate><ul class="ul_con">&

　類:在HTML中當表現class屬性的時候，人們可以用點(.)號來作為~=號的一個替代選擇，所以div.value等同於div[class~=value]。此時.value只能嚴格的應用於HTML中的class屬性，所以此類選擇符叫類選擇符。在CSS中樣式通常依附與一個元素在文檔樹中的位置，這個簡單的模型對於許多情況來說是足夠的，但是一些常見的版式狀態不能應用於文檔樹的結構。例如，在HTML中，沒有元素能夠引用一個段落的第一行，所以也沒有簡單的CSS選擇符應用它。所以，CSS引進了偽類(pse

Code highlighting produced by Actipro CodeHighlighter

CSS Pagination LinksAuthor: Dynamic DriveUpdated: Aug 30th, 07. Fixed issue in IE7 where select links appear too close together.Inspired by the pagination interface you see at the footer of Digg.com, this is our version of a CSS pagination links bar,

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

近來在看一些網站時，發現所有的Js和CSS後都加著這樣的標記，<link rel="stylesheet" href="http://static.ak.facebook.com/css/actionspro.css?44:72882"

IE的官方blog中看到了這篇文章--《Ending Expressions》。文章指出在IE8的標準模式下，將不再對CSS expression進行支援定義 　　IE5及其以後版本支援在CSS中使用expression，用來把CSS屬性和Javas cript運算式關聯起來，這裡的CSS屬性可以是元素固有的屬性，也可以是自訂屬性。就是說CSS屬性後面可以是一段Javas cript運算式，CSS屬性的值等於Javas cript運算式計算的結果。

從網上收集了IE7,6與Fireofx的相容性處理方法並整理了一下.對於web2.0的過度,請盡量用xhtml格式寫代碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加 DOCTYPE聲明，更多CSS BUG瀏覽器安全色知識請參考52CSS.com的文章與教程。CSS技巧1.div的垂直置中問題 vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然後插入文字，就垂直置中了。缺點是要控制內容不要換行  2. ma

本文作者：silence在使用 CSS 實現表現的時候，會經常接觸到 display:inline-block 這一屬性，大都會對這一屬性感覺很模糊。　　display:inline-block　　將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內，允許空格。　　但對於這個屬性不是所有瀏覽器都識別。　　支援的瀏覽器有：Opera、Safari。　　但很遺憾，最流行的 IE 和 Firefox 卻不支援這個屬性（在 Firefox3 版本中將會支援 display

ie系列採用的是微軟自己的盒子模式，firefox採用的是標準的w3c盒子模型。從可以看到 IE 盒子模型的範圍也包括 margin、border、padding、content，和標準 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 padding。 從可以看到標準 W3C 盒子模型的範圍包括 margin、border、padding、content，並且 content 部分不包含其他部分。在實際的操作中可採用如下方法避免如上不同。   

      要一個寬度不固定的框，事情變得有些複雜了。寬度不固定，就意味著這個框在水平和垂直方向都有足夠靈活的變化。　　為什麼說這更難一些呢？因為它需要對四張圖片的合適安置——每個圓角用一張。每個圓角都要獨立出來，以便框能夠在各個方向伸展。於是，四張圖片就意味著需要四個HTML對象來作為背景圖片的載體。　　有一些實現辦法包括在樣式表中使用“產生內容”，即使用：before和:after偽類來為單獨的一個對象加上多張背景圖。這種方法的問題在於，在編寫本書的時候，Internet

這段時間有幾次接觸到了css sprites的概念，一個就是在用css做滑動門的時候，另外一個就是在用YSlow分析網站效能的時候，於是對css sprites這個概念產生了濃厚的興趣。在網上尋找了很多的資料，但可惜的是大部分都是隻言片語，其中很多都是直接翻譯國外的資料，也有直接推薦國外的資料網站，無奈英語沒有過關，基本上沒有理解到什麼css

       一早尋找Sprite單詞，無意間瞭解到了一個光從簡介中讓人心動的小工具：bg2css。      記得一年多前在查閱google中文首頁的原始碼時，就讓它的css所吸引：整個頁面所要用到的表徵圖，都按一定的規律整合到了一張圖片，在需要用到表徵圖的地方通過css定位後顯示，並且更要命的是，簡單的css代碼結合js代碼，實現了神奇的動畫效果。（當時的感覺是：自己所學習接觸到的相關css的知識只是停留在基礎的應用程式層面上，一山更比一山高，我找不出停止前進步伐的理由，唯有不斷前行。）  

     1. CSS定義    階層式樣式表（Cascading Style Sheet）簡稱”CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網頁樣式設計的。通過設立樣式表，可以統一地控制HMTL中各標籤的顯示內容。階層式樣式表可以使人更能有效地控制網頁外觀。使用階層式樣式表，可以擴充精確指定網頁元素位置，外觀以及建立特殊效果的能力。    2. CSS如何使用    當讀到CSS時，瀏覽器會根據它來格式化HTML文檔，插入CSS的方法有三種：      2.1

　　今天讀了篇關於如何使用css3建立3d四面體的文章，覺的相當不錯，所以拿出來和大家分享一下。原文地址：http://www.paulrhayes.com/2010-10/css-tetrahedron/。　　demo預覽地址：http://www.paulrhayes.com/experiments/pyramid/。　　首先要和大家分享的是，如何使用div+css建立三角形。在這裡我先把相關代碼粘貼出來，然後再為大家講解原理。　　html：<div id="pyramid">

這是什嗎？Z-index屬性決定了一個HTML元素的層疊層級。元素層疊層級是相對於元素在Z軸上（與X軸Y軸相對照）的位置而言。一個更高的Z-index值意味著這個元素在疊層順序中會更靠近頂部。這個層疊順序沿著垂直的線軸被呈現。為了更清晰的描述Z-index是如何工作的，上面的這張圖片誇大展示了層疊元素在視覺位置上的關係。自然的層疊順序在一個HTML頁面中，自然的層疊順序（也就是元素在Z軸上的順序）是由很多因素決定的。下面的是一個列表，它展示的清單項目是處於一個層疊環境（stacking

  框邊框的屬性(預設沒有樣式）      border-top            設定上邊框的屬性      border-bottom      設定下邊框的屬性      border-right          設定右邊框的屬性      border-left            設定左邊框的屬性      border-width         可選值（thin,medium,thick或指定長度）      border-style          同上      bo

         利用CSS來布局頁面配置DIV有點邏輯性!重點理解盒子模型,標準流和非標準流的區別,還有定位原理!把這3個攻破了,就非常簡單了!多實踐多參考!最後就是相容問題了,在實踐中自然就有經驗了!這些相容技巧都是經驗來的!        盒子模型有兩種，分別是 IE 盒子模型和標準 W3C 盒子模型。他們對盒子模型的解釋各不相同，先來看看我們熟悉的標準盒子模型：       　　圖片看不清楚？請點擊這裡查看原圖（大圖）。　　從可以看到標準 W3C 盒子模型的範圍包括