CSS

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

在以往的CSS代碼編寫中，我們大部分都是用!important來hack。在ie6和firefox環境中測試可以正常顯示，並成功的應用了hack技術。但是新近發布的ie7對!important可以正確解釋，頁面沒有能夠按要求顯示！現在找到一個針對IE7不錯的hack方式：使用“*+html”！現在用IE7瀏覽一下，應該沒有問題了。樣本如下： 

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

儘管Nascape瀏覽器已經是非主流。但我們從顯示差別的研究中，還是可以學習到很多相容方面的知識，拓展我們的思維。我們在進行網頁布局的時候要對付的最棘手情況之一是：相同的CSS代碼被不同的瀏覽器解釋後會產生不同的效果。在以前，各種不同的瀏覽器產生極其不同的頁面是隨處可見的，而現在我們可以用所謂的符合標準的瀏覽器獲得更好的效果。然而，顯示效果的差別還是無法避免。    當前處於領導地位的一些瀏覽器在處理浮動效果上就存在著這樣的差別。如果有人想建立一個能夠隨著

背景顏色 background-color我想這個我就不用多做介紹了，顏色代碼我想大家都知道的，不是用英文來代替就是用指定的代碼來表示的。這個的預設值是transparent（透明色）。例：body{background-color:yellow}H1{background-color:#000000}背景圖片 background-image背景圖片和背景顏色在HTML裡面的設定也是基本相同的，都可以在裡加入相關的語句來完成。但是在這裡，我所指的並非是用這種方法，我用的方法

CSS pseudo-classes are used to add special effects to some selectors.CSS偽類可用來給一些選取器加上特殊效果。Hyperlink如何在文檔內給超級串連加上不同的顏色This example demonstrates how to add different c

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

　　優先權問題其實就是一個衝突解決的問題，當同一個元素(或內容)被CSS選擇符選中時，就要按照優先權取捨不同的CSS規則，這其中涉及到的問題其實很多。　　首先就是CSS規則的specificity(特殊性)，CSS2.1有一套關於specificity的計算方式，用一個四位的數字串(CSS2是三位)來表示，最終specificity越高的規則越特殊，在優先順序判定時也就越有優勢。關於specificity的具體計算在各種情況下的數字加成有如下一般規則：　　◎ 每個ID選擇符(#some

按照我們對CSS優先權的理解，最後定義的 CSS 樣式將會覆蓋在其之前定義的所有已經存在、或與之衝突的樣式，比如下面這個例子：  代碼如下複製代碼 p { color: red; background: yellow }p { color: green }

　　　　大家在編寫CSS的時候可能認為記事本並不是最棒的，有什麼css編輯工具可以提高我們編碼的效率呢？　　TopStyle是我一直用的CSS編輯工具，最開始就是瞎用也沒有仔細研究過，不過後來把裡面的功能仔細看了看發現它的功能真是太強大了！　　在這裡分享一下使用經驗，我在編輯CSS時常用的快速鍵：

　　很早就想為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 屬性不同

原文作者：Blank 懌飛　　偽類:hover是我們在CSS設計中最常運用的偽類之一，許多絢麗效果的實現離不開偽類:hover，比如我們常見的純CSS菜單、相簿效果等等。　　或許用了這麼久的偽類:hover，還有部分朋友還不完全瞭解hover的規則：在CSS1中此偽類僅可用於a對象。且對於無href屬性（特性）的a對象，此偽類不發生作用。在CSS2中此偽類可以應用於任何對象。　　但目前IE5.5、IE6僅支援CSS1中的:hover，不過新出的IE7是支援CSS2中的:hover。　　

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

　　在使用CSS實現表現的時候，會經常接觸到display:inline-block這一屬性，無論是初接觸Web標準還是接觸標準已久的朋友，大都會對這一屬性感覺很迷惑和模糊。display:inline-block

一、類型選擇符什麼是類型選擇符？指以網頁中已有的標籤類型作為名稱的行徑符。body是網頁中的一個標籤類型，div,p,span都是。如下：body {}div {}p {}span {}二、群組選擇符對於XHMTL對象，可以對一組同時進行了相同的樣式指派。使用逗號對選擇符進行了分隔，這樣書寫的優點在於同樣的樣式只需要書寫一次即可，減少代碼量，改善CSS代碼結構。使用時應該注意“逗號”是在半形模式下，並非中文全形模式。如下：h1,h2

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

你可以下面代碼儲存成js.檔案//定義全域變數 var timeout; $(document).ready(function(){ //找到所有的li標籤 $("li").each(function(index){$(this).mouseover(function(){ //滑動門都要設定一個延遲時間，避免使用者瘋狂移動滑鼠，導致伺服器崩潰，這個很重要 timeout =setTimeout(function(){