CSS

既判斷解析度，也判斷瀏覽器應E.Qiang提議,重新完善代碼，使之成為判斷瀏覽器類型螢幕解析度自動調用不同CSS的代碼。代碼如下：  代碼如下複製代碼 <SCRIPT LANGUAGE="JavaScript"><!--if (window.navigator.userAgent.indexOf("MSIE")>=1){var IE1024="";var 

CSS屬性：2、BOX模型（BOX

CSS屬性：3、布局（Layout）屬性：在以前的HTML裡，元素的位置只能靠元素的依次排列覺得，而在CSS裡你可以更精確的定位元素。Netscape曾提出過Layer標記，它對於精確布局很有好處，但是並沒有被W3C承認，W3C在CSS提出了類似於Layer標記的功能。position屬性：position屬性用來決定元素的位置類型，詳見屬性：屬性名稱: 'position'屬性值: absolute | relative | static初始值: static適合對象:

CSS屬性：4、顏色和背景（Color and Background）屬性：這裡介紹有關CSS中前景色彩和背景顏色、圖片的設定方法。color屬性：color屬性用於設定元素的前景色彩：屬性名稱: 'color'屬性值: <color>初始值: 根據使用者的初始值而定適合對象: 所有元素是否繼承: yes百分比備忘: 被禁止color屬性的值可以是十六進位數值、rgb()函數或CSS承認的顏色名稱。如：EM { color: red }EM { color: rgb(255,0,0)

CSS屬性：6、文本（Text）屬性：這裡的屬性將影響WEB文檔中的文本顯示情況。text-indent屬性描述文本的縮排程度：屬性名稱: 'text-indent'屬性值: <length> | <percentage>初始值: 0適合對象: 容器元素是否繼承: yes百分比備忘: 根據父元素的寬度而定下面的例子表明段落的縮排值為3em：P { text-indent: 3em }Alignment屬性工作表明文本的對齊：屬性名稱: 'alignment'屬性值:

CSS屬性：7、列表屬性：這裡的屬性用來描述列表（list）的一系列屬性。list-style-type屬性描述用於列表每一項前使用的符號：屬性名稱: 'list-style-type'屬性值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none初始值: disc適合對象: 列表元素是否繼承: yes百分比備忘:

CSS屬性：8、表格屬性：由於表格中的大部分屬性已經在以上的各類屬性中探討過了，所以這裡只有兩個屬性介紹：row-span屬性描述表格跨越的行的數目：屬性名稱: 'row-span'屬性值: <integer>初始值: 1適合對象: 表格元素是否繼承: no百分比備忘: 被禁止column-span屬性描述表格跨越的列的數目：屬性名稱: 'column-span'屬性值: <integer>初始值: 1適合對象: 表格元素是否繼承:

CSS屬性：9、使用者介面屬性：cursor屬性，使用者可以指定在某個元素上要使用的游標形狀：屬性名稱: 'cursor'屬性值: auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help | <url>初始值: auto適合對象:

在前面的文章中，我們提到了用什麼軟體來編寫CSS檔案。今天我們來看一些介紹：如何才能高效的進行CSS編碼？　　CSS網頁布局開發應該使用什麼軟體比較好 　　CSS 被吹捧的好處之一就是它能減小頁面大小，由此縮短下載時間，不僅僅是首頁的載入，還包括樣式表被緩衝以後，後續頁面的載入也被加快了的那部分時間。這沒錯，但首頁載入時間的縮短几乎看不出來，這是因為 CSS 代碼往往過於冗長了。　　好吧，現在一切都不同了。學點高效地進行 CSS 編碼的

at（@）規則把CSS規則都注入了一個壓縮膠囊中，並且應用到指定的某些事物中。喔。匯入匯入import at規則將吞入另外的樣式表。比如，如果你需要把另外的樣式表的樣式添加到現有的，你可以這樣做：@import url(addonstyles.css); 這經常用來取代串連CSS到HTML中的<link>標籤，本質上就是一個內部樣式表的形式，看起來像這樣：<style type="text/css" medi

　　1. 基本上，整體聲明有兩種方法，第一種就是針對一個標籤，然後一次設定好幾個樣式。第二種就是同時對好幾個標籤設定相同的樣式。下面這個例子就是：“針對一個標籤，然後一次設定好幾個樣式”：   代碼如下複製代碼

當前頁面--比如說現在的頁面是首頁，那麼在導覽列上首頁的色彩等和其他欄目有所不 同，用以給瀏覽者一個明顯的指示。下面來說下具體的做法，菜單的基本實現和一般的CSS菜單沒多大區別，著重說下如何 實現當前頁。設菜單有5個欄目:home、about、products、services、contact，分別給每個欄目一 個ID，m1-m5，CSS可寫成如下:CSS原始碼：  代碼如下複製代碼

先聲明，是偶的同事xpoint遇到的，不是偶首發的。不說這句話偶肯定挨揍...當ID與Class組合使用的時候在IE6下無法正常顯示。CSS代碼：  代碼如下複製代碼

　　CSS教程 2、CSS Selectors,Properties,and Values 選取器 、屬性、值 [翻譯Htmldog]　　HTML有標籤，CSS有選取器。選取器是給內部和外部樣式裡面的樣式命名。　　每個選取器都有屬性在{}裡面，比如簡單點像color,font-weight或background-color。　　值在冒號（不是等號）後面，分號分離屬性。 body {    

　　三．層疊樣式表的格式 　　一般來說，樣式表的聲明分為選擇符（selector）和塊{}（block），塊裡包含屬性（properties）和屬性的取值（value），基本格式如下：

CSS繼承性在應用中存在，那麼在樣式表中可能會有些讀者搞不清，多個樣式表同時應用到一個元素對象上會發生什麼情形呢？先舉個簡單的例子，請運行下面的代碼：CSS網頁布局 - 　　 [ 可先修改部分代碼 再運行查看效果 ]　　我們會看到啟動並執行效果：因為選擇符h1和.aaa都匹配上面的h1元素，那麼到底瀏覽器會應用哪一個呢？通過在瀏覽器中觀察，我們發現這段文字應用了.aaa這個樣式，所以它顯示的是紅色。這是因為兩條規則的特殊性不一樣，CSS規則必須這樣進行處理。而字型的大小，卻是h1預設的大小。　　

　　　　虛擬元素吸附在選擇上和pseudo classes偽類很像，像這樣selector:pseudoelement{property: value;}。有四種方式。First letters and First lines 首字母和首行　　first-letter虛擬元素作用到元素的第一個字母，first-line作用到元素的頂行。你可以，例如為段落建立一個drop caps和首行加粗。

　　　　如果同個元素有兩個或以上衝突的CSS規則，瀏覽器有一些基本的規則來決定哪一個非常特殊而勝出。　　它可能不像其它那麼重要，大部分案例你不需要擔心衝突，但大型而且複雜的CSS檔案，或有很多CSS檔案組成的，可能產生衝突。　　選取器一樣的情況下後面的會覆蓋前面的屬性。比如：

現在大多數瀏覽器都會緩衝網站上的圖片、CSS 和 JS 檔案，以提高載入速度。當你的網站修改 CSS 和 JS 的時候往往因為緩衝的原因無法立刻生效。這樣舊的 CSS 和新的 Html 就可能會導致錯誤，這裡有個小技巧，可以保證瀏覽器不會緩衝 CSS 和 JS，只需要在檔案結尾隨便加點參數即可，這樣瀏覽器就會認為這是不同的檔案。  代碼如下複製代碼 <link rel="stylesheet" type="text/css"