CSS

本來之前我打算寫表現本文主題的文章，但最近在新浪部落格群中看到了這篇文章，就不用我多費心血了，這裡轉載過來，希望對大家有所協助。　　li {list-style-image: url(images/disc.gif);}　　li的這個樣式定義是將清單項目使用圖片來代替顯示的小圓點。當然您也可以顯示成其它效果，詳細請參閱下面的定義:　　清單項目效果的CSS定義　　*list-style-type: circle(可換成自己想要的樣式);　清單項目樣式　　disc&nb

　　背景圖片Background Images有許多屬性可以操作。　　幸運的是，可以使用background處理所有：  代碼如下複製代碼 body {    background: white url(/images/bg.gif) no-repeat top right;}

　　請你注意一些CSS偽類屬性不被所有瀏覽器支援，但有四個偽類可以安全使用在連結上　　偽類像是指定選取器狀態或關聯選取器的門閂。它們的形式如：selector:pseudo class { property: value; }，在選取器和偽屬性之間使用冒號。　　link 沒有點擊過的連結 　　visited以點擊過的連結 　　active獲得焦點時的連結（比如在點擊時） 　　hover 滑鼠在連結

一些CSS屬性允許使用一串值代替許多屬性，值使用空格分開。　　margin,pdding和border-width允許合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像這樣：property:top right bottom left;逆時針順序。　　所以下面的：  代碼如下複製代碼

Grouping 分組　　當許多選取器有同樣屬性時，可以使用逗號組合它們。　　例子：  代碼如下複製代碼 h2 {    color: red;}.thisOtherClass {    color: red;}.yetAnotherClass {    color: red;}

好了今天我們來看看css+div圖文混排多列多行的圖文排版方式的代碼編寫方式吧,先來看看效果圖片.這是效果圖片,我們來看看css如何布局的;<dl class="sitemapdl">         <dt

左右結構的圖文混排CSS列表,我們先來看看一張我截的效果圖.看上面的效果是文字圍繞圖片吧,下面我們來看看css是怎麼實現的吧.<div id='jimmy'>                    

 代碼如下複製代碼 <!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-

 代碼如下複製代碼 <!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> 

CSS的z-index屬性，看下面的介紹：

　　如何讓 CSS 代碼簡潔而易於編寫？這恐怕是許多開發人員都關心的問題。我想，大概沒有什麼魔法，可以保證一下就把你的樣式表縮小到百分之多少，但合理的 CSS 編碼與組織技巧，的確能夠協助你的更有效率地寫出更清晰高效的代碼，自然，樣式表大小的縮減還能減少下載的時間。組織你的樣式表　　儘管我們有種種 CSS 的開發工具，比如 TopStyle，比如 StyleMaster，它們可以讓你對當前這個樣式表裡面定義了哪些規則

CSS selector：class 和 id 都可以使“單一選擇符”有不同的樣式A1：二者主要的區別在哪裡呢？　　id你只能用來定義單一元素，定義二個以後。頁面不會出現什麼問題，但是W3檢測的時候認為你頁面不符合標準；class是類，同一個class可以定義多個元素。就頁面效果而言，兩個東西的視覺效果幾乎無差別。A2：id 選擇符為什麼要少用，它有有什麼局限性？　　單一使用的樣式用id，需要程式、js動態控制的樣式用id，id在頁面只能使用一次

　　很早就想為CSS做個圖，一來是沒時間、第二是感覺挺複雜，今天寫了操作性之後，也懶得做活了，就開啟fireworks開始作圖啦！下面是關於整個CSS的:說明:　　現階段大家使用的CSS,分兩中模式:Quirks mode和Strict mode,　　Quirks mode自然是瀏覽器生產商自己的模式,其中含有對CSS的解析,私人CSS.　　標準模式(strict mode),當然有W3C制定,現在瀏覽器普遍支援的和我們使用的是CSS 2.1&n

應用xhtml+css進行網頁布局，有很多屬性跟背景圖片的操作相關。很多表現因素上的圖片，大部分用背景來進行處理。CSS的background的屬性可以全部處理它們。 body { background: white url(images/bg.gif) no-repeat top right; } 這是如下屬性的組合：

前幾天在做一個圖片無間隙滾動的效果，要利用到一個隱藏的層。在之間複製以前文字滾動的效果代碼（文字滾動時無錯誤），結果發現頁面被拉長了一倍，也就是隱藏的層。查CSS手冊後發現了隱藏內容原來是有區別的，一種是保留對象的物理空間，一種是不保留。display:noneCSS1 隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間 visibility:hidden對象隱藏，與 display 屬性不同

The CSS background properties define the background effects of an element.CSS的background屬性可為元素定義背景效果。設定背景顏色 Set the background colorThis example demonstrates how&nbs

我用到了css教程的一個屬性position:fixed，但遺憾的是在IE6下這個屬性不起作用，悲劇的IE6，於是便找解決方案，現把最佳的解決方案拿出來與大家分享，或許不久的將來你能用上。1、要實現的效果如下圖：這時彈出提示在瀏覽器最右上方可見區 這時瀏覽器向下滾動了一下，但要讓彈出層保持在瀏覽器最右上方可見區 2、相容的解決方案代碼如下： .loading_tip { position: fixed;_position: absolute;top: 10

值 描述 baseline 預設。元素放置在父元素的基準上。 sub 垂直對齊文本的下標。 super 垂直對齊文本的上標 top 把元素的頂端與行中最高元素的頂端對齊 text-top 把元素的頂端與父元素字型的頂端對齊 middle 把此元素放置在父元素的中部。 bottom 把元素的頂端與行中最低的元素的頂端對齊。 text-bottom 把元素的底端與父元素字型的底端對齊。 length   % 使用 "line-height"

1. CSS方式去掉連結虛線框的方法：在IE下是使用html屬性：hideFoucs，在HTML標籤中加上hidefocus=”true” 屬性即可，但這個屬性是IE私人的，Firefox是不認的。<a href="#" hidefocus="true" title="加了hidefocus"

動態載入CSS檔案，這個時常會用到，一般搞前端，我們最先想到的就是用JS來實現，的確，JS可以很方便的控制CSS樣式表檔案的動態插入，以下兩種方法：使用<style>標籤插入頁面樣式、在頁面中動態引入外部樣式，都是動態載入CSS的常用方法。一、使用<style>標籤插入頁面樣式這點採用了YUI外掛程式中的一個方法，有效解決了各大瀏覽器的相容性問題，主要是使用style.appendChild(document.createTextNode(styles));採用creat