CSS

1 定義樣式 以“.”開頭的，以“#”開頭的？以"."開頭的，定義全域變數，例如 .input ，是個 css class ，可以在任何想使用這個樣式的地方如此引用 class="input";以"#"開頭的，定義局部變數，例如 #divMain , 這種是針對Id為此名稱的控制項定義的。<div id="divMain"></div>根據id，可以逐層向下定義.例如#nav li ul a:hover {} 該樣式定義的是id為nav下面的li 下面的ul

你在寫css時樣式表加上瀏覽器標識符就行了,各瀏覽器區別如下:IE都能識別*，標準瀏覽器（如FF）不能識別*；IE6能識別*，但不能識別 !important；IE7能識別*，也能識別 !important；IE8能識別\0，不能識別*，+,_,*加!important;FF不能識別*，但能識別 !important；例如style=”*width:10px!important;

<style><!--.sffocus { BORDER-RIGHT: #1d95c7 1px solid; BORDER-TOP: #1d95c7 1px solid; BACKGROUND: #eef2ff; BORDER-LEFT: #1d95c7 1px solid; BORDER-BOTTOM: #1d95c7 1px solid} TEXTAREA:unknown { BORDER-RIGHT: #1d95c7 1px solid; BORDER-TOP: #1d9

DIV+CSS到底是什麼?我想肯定有很多朋友搞不明白，其實我也未必明白，不過我還是想把自己的理解寫出來，或許可以協助那些想學，或者開始學不知道如何入門的朋友們。我們平時在設計網頁時，一般是使用Table來布局整個頁面，現在我們完全可以使用DIV+CSS來實現布局。比如我們設計一個頁頭，主體，頁尾這種上、中、下結構的網頁可以定義幾個DIV來實現，如下：<div id="pagebody"><div id="pageheader"></div><div

代碼例子：#bg{background:#CCC;filter:alpha(opacity=70);opacity:0.7;width:100% !important;width:180%;position:absolute;left:0px;top:0px;display:none;z-index:1;} *+html #bg {width:180% !important; /* IE7 */}在調css的支援順序

IE6.0,ie7.0與Firefox的CSS相容性問題1.DOCTYPE 影響 CSS 處理　　2.FF: div 設定 margin-left, margin-right 為 auto 時已經置中, IE 不行　　3.FF: body 設定 text-align 時, div 需要設定 margin: auto(主要是 margin-left,margin-right) 方可置中　　4.FF: 設定 padding 後, div 會增加 height 和 width, 但 IE 不會,

可這樣寫樣式： .cssName{ width:213px ; *width:213px !important;*width:211px; } 其中，第一個為firefox下面的，第二個是IE7的，第三個是IE6的 因為：firefox不認 “*”這個東西，也就是後面兩個在firefox下面是沒有的 因為IE下面“*”是有效，而且IE7支援“!important”，所以第二個在IE7下面是優先的。自然，第三個就是IE6的

CSS模型框概述：CSS框模型規定了元素框處理元素內容、內邊距、邊框、外邊距的方式；圖解：一般所指的Width、Height說的是元素內容的寬和高，外邊距預設是透明的，不會遮擋其後面的元素，而一般所說的背景是指內容和內邊距所形成的地區，內邊距、邊框和外邊距可以應用於一個元素的所有邊，也可以應用於單獨的邊，外邊距可以是負值，而且在很多情況下都要使用負值的外邊距；一、Padding（內邊距）屬性：元素與邊框之間的空白地區，padding

現在很多無聊人士都用自己的spider在網上到處抓取email，如果你的頁面上寫了自己的email，那麼不多久就會收到很多垃圾郵件。有很多方法可以避免被抓取，現在很多人都把@換成#，不過估計很多蜘蛛的規則也會跟著這麼換:)還有可以把email換成圖片，不過這樣不利於使用者拷貝你的email地址。下面介紹兩種方法：第一種，用js拼字串： CodeCode highlighting produced by Actipro CodeHighlighter

關於CSS對各個瀏覽器安全色已經是老生常談的問題了, 網路上的教程遍地都是.以下內容沒有太多新穎, 希望能對初學者有一定的協助.一、CSS HACK 以下兩種方法幾乎能解決現今所有HACK.1, !important隨著IE7對!important的支援, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)<style>#wrapper{width: 100px!important;width: 80px;}</style>2,

KEY WORD : div+css布局Golive完全可以替代Topstyle，而在WEB標準的支援比Dreamweaver 8要好，而且功能非常強大 Color Wheel Pro. 很不錯的非免費配色軟體----------------------------------------------------------------------------------------------------------大家在設計DIV+CSS的時候 或許有一些初學者

*         Matches any element.( 匹配任何元素 ) 聲明     $("*") E         Matches all element with tag name E. ( 匹配tag name為 E 的所有元素 )聲明     $("input") E F         Matches all elements with tag name F that are descendents of E. (匹配tag name

來自於：http://www.qianduan.net/firefox-plug-ins-recommended-css-usage.html css usage是一個基於firebug的firefox擴充，可以用來查看頁面中的CSS的使用方式，可以清楚的查看css檔案中所有的規則在你的網站中的

關於自訂瀏覽器捲軸的樣式這一塊，如果網站可以不考慮非WebKit核心瀏覽器的話，倒是可以試試只用CSS去實現。簡單地修改一下幾項，就可以看到效果了：::-webkit-scrollbar{width:12px; height:12px;} /*捲軸垂直方向的寬度與水平方向的高度*/::-webkit-scrollbar-button{} /*捲軸按鈕*/::-webkit-scrollbar-track{}

有的時候我們需要將一個div固定在一個螢幕的指定位置，如在使用loading狀態條的時候，或者顯示線上使用者數的時候。需要的是將div顯示在網頁的中間，頂端或者左下端，並且無論捲軸如何拉動，這個div將始終保持在相同的相對位置。這些要求用css是很可以容易實現的，只需要用到position:fixed這個描述參數即可。和position: fixed;平行的描述語言有 position: absolute; position: relative; position:

使用CSS需要牢記的幾點目前總結了這麼幾點，若有新的，再添加 （：1.跨瀏覽器訪問的問題（Cross-Browser個人認為這個是最重要的問題）。有一本書《網站重構》可以看看。2.用作不同位置時，應選用不同的css檔案，以呈現不同的效果。Media：screen，print or other。   因為顯示與不同位置，需要的css檔案有可能會大不一樣，不然會影響效果。3.使用者的瀏覽器背景不一定都設為白色的。很多人可能會忽視這個細節，在首先定義body時，沒有考慮背景顏色的問題，  

background:background為符合屬性.屬性如下:background:background-color ||background-image || background-repeat || background-attachment || background-position background-color:預設值:tansparent取值描述(背景顏色)例子效果transparent背景顏色透明 <div

clear:該屬性的值指出了不允許有浮動物件的邊.預設值:none取值描述none允許兩邊都可以有浮動物件left不允許左邊有浮動物件right不允許右邊有浮動物件both兩邊都不允許有浮動物件 float:該屬性的值指出了對象如何浮動.預設值:none取值描述none對象不漂浮left文字資料流向對象的右邊right文字資料流向對象的右邊 例子:例子效果 <div style="float:left"> 天津 </div>

     今天看到一個Div+CSS 布局的經典教程，奉獻給大家，本人一向偏好DIV+CSS，但由於關注seo 和網站運營較多，造成了DIV+CSS 做網頁模板的技術生疏，為了培養自己成全才，不得不好好消化一翻，其實很簡單滴。這個DIV+CSS 布局教程很不錯。教程共分5 節，其實就一點點內容，不過通過學習，一定能讓你領會到DIV+CSS的精髓，不要嫌文字多，一個小時一定能讓你學完，當然是針對熟悉網頁製作基礎的朋友。在網頁製作中，有許多的術語，例如：CSS、HTML、DHTML、XHTML

動態載入css的實現思路，目前想到有兩種：一、js參考http://blog.csdn.net/qsdnet/archive/2006/12/31/1470891.aspx主要內容如下：第一種：一般用在外部CSS檔案中載入必須的檔案  程式碼@import