CSS

好久不來了，最近貌似很忙，呵貼一個實用的東西上來吧1、ul標籤在Mozilla中預設是有padding值的，而在IE中只有margin有值。2、同一個的class選擇符可以在一個文檔中重複出現，而id選擇符卻只能出現一次；對一個標籤同時使用class和id進行CSS定義，如果定義有重複，id選擇符做的定義有效，是因為ID的權值要比CLASS大。3、一個相容性調整(IE和Mozilla)的笨辦法：初學可能會碰到這樣一個情況：同樣一個標籤的屬性在IE設定成A顯示是正常的，而在Mozilla裡必須要設

IE5及其以後版本支援在CSS中使用expression，用來把CSS屬性和 Javas cript運算式關聯起來，這裡的CSS屬性可以是元素固有的屬性，也可以是自訂屬性。就是說CSS屬性後面可以是一段Javas cript運算式，CSS屬性的值等於Javas cript運算式計算的結果。在運算式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一個成員函數中一 樣。給元素固有屬性賦值例如，你可以依照瀏覽器的大小來安置一個元素的位置。以下是引用片段： #

相信大多數朋友都是iframe木馬的受害者，有朋友的網站被注入了n回iframe，心情可想而知。而且現在ARP攻擊，注入iframe也是輕而易舉事，僅區域網路裡都時刻面臨威脅，哎，什麼世道。接近年關，為了防止更多的朋友受到攻擊，於是細細說下。靈兒曾經在經典論壇上發過貼子：《一行代碼解決網站防掛IFRAME木馬方案》，有不少朋友都聯絡了靈兒，有的表示感謝，不過更多的是疑問了，今天把原理細細地講一下吧：IE

今天有時間，看CSS基礎教程。（看到有很多人自以為懂很多，直接就上馬看Maseter Css，我拿起來翻了翻怎麼還是有很多看不懂呢？，底子太薄,所以我還是看基礎好了。）看到一個例子： 1<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 2<head> 3<title>text test</title> 4<link type="text/css" href=

第一天　XHTML CSS基礎知識  http://www.aa25.cn/div_css/902.shtml1.整個盒模型在頁面中所佔的寬度是由左邊界+左邊框+左填充+內容+右填充+右邊框+右邊界組成，而css樣式中width所定義的寬度僅僅是內容部分的寬度。 第二天 一列布局 http://www.aa25.cn/div_css/903.shtml1.

以下布局資料原作者：Owen Briggs http://www.ynutx.net/blog/user1/rainoxu/archives/2006/2439.html單行單列 單行單列1：採用float浮在左上方，固定寬度。 單行單列2：固定在左上方，固定寬度，採用的是絕對(absolute)定位。 單行單列3：固定在左上方，不固定寬度，採用百分比(%)定義寬度來自適應頁面。 單行單列4(推薦)：固定寬度，採用在body樣式中定義置中屬性(text-align:

文章目錄 Calculating CSS Specificity ValueSample calculationsImportant NotesResources The best way to explain it is to start with an example of where specificity gets confusing and perhaps doesn't behave like you would expect.

所有瀏覽器 通用 height: 100px; IE6 專用 _height: 100px; IE6 專用 *height: 100px; IE7 專用 *+height: 100px; IE7、FF 共用 height: 100px !important;一、CSS 相容 以下兩種方法幾乎能解決現今所有相容. 1, !important (不是很推薦，用下面的一種感覺最安全) 隨著IE7對!important的支援, !important

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;

沒有過多的文字，直接看效果。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/

今天一小夥在群外問一小問題，問曰：Code highlighting produced by Actipro CodeHighlighter

原來回複51js上面一個兄弟的問題，害怕在茫茫的資訊之海中會被淹沒，暫時轉到這兒來，以示學習總結之意。在回答別人問題時，對自己真是一個考驗提高，在總結，摸清原有模糊概念的基礎上要講，全，簡，易。真是不容易。佩服那些寫教程福利芸芸眾生的先行者們~！！ 下面簡單談談css的權重：權重簡單的也可以理解為JavaScript中的範圍，回頭仔細想想，其實所有的IT抽象世界的東東都是通的。內嵌樣式 > 內部樣式表 > 外聯樣式表如：Code highlighting produced by

CSS:     #fontbox{position:relative; font-family:黑體;font-size:96px;}#idTopDiv

一旦資源被下載到用戶端，瀏覽器仍然需要載入、解釋和渲染HTML/CSS/JavaScript代碼。你可以利用目前的瀏覽器的特點，通過整理你的代碼來提高你的頁面在用戶端上的效能。使用高效的CSS選取器避免使用CSS運算式把CSS檔案放在文檔的頭部指定映像的尺寸指定字元集（Specify a character

大家寫CSS 可能是一個頁面一個吧 或者是一個頁面多個，用來實現不同的效果 這裡有一個更好的方法 一般是這樣分類： 首先不同作用的 css檔案 分開 如： color.css  //負責顏色 layout.css //負責布局typography.css  //負責字型 這樣可能看起來麻煩些 但是維護和多人協作起來 是相當的好的（因為每個人擅長的不同） 然後把這些都歸為basic.css類裡 basic.css 是這樣的： @import url(color.css); @import url(

前面的也不再作總結了 後面的例子可以很好的總結前面的例子慢慢的還是發現IE和其他瀏覽器間的區別比如margin 和

英文原文：http://www.smashingmagazine.com/2008/08/18/譯文原文：http://blog.bingo929.com/7-principles-optimized-css.html作為網頁設計師(前端工程師)，你可能還記得曾經的那個網頁大小建議:一個網頁（包括HTML、CSS、Javacript、Flash和圖片）盡量不要超過30KB的大小，隨著互連網的日益龐大，網路頻寬也在飛速發展，很多設計師已經不再考慮這條30KB的理想準則。隨著越來越受歡迎的CSS布局

一、在樣式表開頭添加一個註解區塊，用以描述這個樣式表的建立日期、建立者、標記等備忘資訊。Example Source Code：/* ---------------------------------Site: Site name Author: 52CSS.comUpdated: Date and time Updated by: Name --------------------------------- */二、包括公用顏色標記Example Source Code：/* --------