CSS

 　　用CSS來製作無圖片帶箭頭的DIV方框(此代碼比較適合追求純程式碼者)　　這類效果也可以用圖片背景來實現，代碼會更簡潔　　CSS代碼：　　CSS Code複製內容到剪貼簿　　div.container{position:absolute;　　top:30px;　　left:40px;　　font-size:

 　　樣式表的文文書處理屬性中有兩個重要的屬性：writing-mode和text-align。讓我們先看看它們的用法：　　1. writing-mode(設定對象書寫方向)　　文法：writing-mode : lr-tb、tb-rl　　參數：lr-tb：從左向右，從上往下 　tb-rl：從上往下，從右向左　　樣本：　　CSS Code複製內容到剪貼簿　　div { writing-mode: tb-rl; }　　2. text-align(設定對象中文本的對齊)　　文法：text-

 　　定義和用法　　font-size 屬性可設定字型的尺寸。　　說明　　該屬性設定元素的字型大小。注意，實際上它設定的是字型中字元框的高度;實際的字元字形可能比這些框高或矮(通常會矮)。　　各關鍵字對應的字型必須比一個最小關鍵字相應字型要高，並且要小於下一個最大關鍵字對應的字型。　　可能的值　　執行個體　　設定不同的 HTML 元素的尺寸：　　XML/HTML Code複製內容到剪貼簿　　h1 {font-size:250%;}　　h2 {font-size:200%;}　　p

　　4. ID選擇符　　在HTML頁面中ID參數指定了某個單一元素，ID選擇符是用來對這個單一元素定義單獨的樣式。　　ID選擇符的應用和類選擇符類似，只要把CLASS換成ID即可。將上例中類用ID替代：<p

1. 基本文法　　CSS的定義是由三個部分構成：選擇符（selector），屬性（properties）和屬性的取值（value）。　　基本格式如下：　　selector {property: value}　　（選擇符 {屬性：值}）　　選擇符是可以是多種形式，一般是你要定義樣式的HTML標記，例如BODY、P、TABLE……，你可以通過此方法定義它的屬性和值，屬性和值要用冒號隔開：　　body {color:

雖然CSS樣式的學習需要我們動手多實踐，需要多做案例，思致思考，但有時候注意資料的收集與整理也是非常重要的，在實際開發中往往會起到事半功倍的效果。在www.3lian.com的文檔中，也提供了豐富的內容。下面一些關於按鈕、文字框、表單的常用CSS樣式。大家可以參考。　　一、按鈕樣式.buttoncss {　　font-family: "tahoma", "宋體"; /*www.3lian.com*/　　font-size:9pt; color: #003399;　　border: 1px #00

● list-style定義:用於在一個聲明中設定一個列表的所有屬性的簡寫屬性，該屬性是一個簡寫屬性，涵蓋了所有其他列表樣式屬性，僅作用於具有display值等於list-item的對象（如li對象）。相關 : list-style-image || list-style-position || list-style-type● list-style-image說明: 設定或檢索作為對象的清單項目標記的映像。若此屬性值為 none 或指定 url

 　　自從2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以來。它就成為一個領先的模組系統，用來組織你的CSS代碼方式之一。　　OOCSS不同於其他組織CSS代碼方法，比如SMACSS或者BEM。通過將CSS代碼和結構分離讓你的模組可重用。事實上，我也通常將SMACSS與OOCSS混為一談。　　OOCSS、SMACC和BEM在CSS中是很有內涵的東東，早就在W3cplus網站上有相關內容科普過。可以說理解了這些內容將能更好的協助您組織、

原理解析：第一步：使用dom建立<script>或者<link>標籤，並給他們附加屬性，如type等第二步：使用appendChild方法把標籤綁定到另一個標籤，一般是綁到<head>.應用：1、提高代碼的複用，減少代碼量；2、添加一個javascript控制器和

IE與Firefox的CSS相容大全-瀏覽器安全色教程CSS對瀏覽器器的相容性具有很高的價值，通常情況下IE和Firefox存在很大的解析差異，這裡介紹一下相容要點。  常見相容問題：  1、DOCTYPE 影響 CSS 處理2、FF：div 設定 margin-left， margin-right 為 auto 時已經置中，IE 不行3、FF: body 設定 text-align 時， div 需要設定 margin: auto(主要是 margin-

CSS相容方案最新的一些技巧-瀏覽器安全色教程讓你的樣式完美相容各大瀏覽器，這個方案主要是用來解決Safari的，Opear是在測試的時候順帶試了一下，結果發現竟然也行，所以順便也解決了。 .e {/*FF OP*/ background-color: #FF0000 } html* .e{/*Sa IE7 OP*/ background-

CSS相容問題已經是CSS網頁布局技術中的重要組成部分，也讓廣大的CSSer大為頭疼，雖然介紹過不少相關的知識與技巧，但是隨著IE8的越來越廣泛的安裝應用，對IE7和IE8的相容問題，也頗受關注。　　在以前的文章中Mb5u.com向大家說明，IE8會是福音還是又一個光環 據稱全面相容標準。　　今天向大家介紹如何解決IE7和IE8的相容性問題。　　微軟在IE8提供三種解析頁面的模式　　IE8 Standard Modes ：預設的最標準的模式，嚴格按照W3C相關規定　　IE7 Standards

有時我們需要令一個寬度固定的容器裡的子架構置中（例如一個Div ，或者其他block級元素），如果子架構只有一個的話，我們只需要為子架構加上CSS屬性margin：auto就可以了。但如果我們要讓多個子架構置中，並且等分父架構剩餘的空間的話，我們對所有子架構使用CSS box-align： center

定義和用法 float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於映像，使文本圍繞在映像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會產生一個塊級框，而不論它本身是何種元素。如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會儘可能地窄。注釋：假如在一行之上只有極少的空間可供浮動元素，那麼這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。 預設值： none 繼承性： no 版本：

 　　at-rule是一個聲明，為CSS提供執行或怎麼表現的指令。每個聲明以@開頭,後緊跟一個可用的關鍵字，這個關鍵字充當一個標識符，用於表示CSS該做什麼。這是一個通用的文法，儘管每個at-rule有其它文法變體。　　常規規則　　常規規則遵循下面的文法：　　代碼如下:　　@[KEYWORD] (RULE);　　@charset　　這個規則定義了瀏覽器使用的字元集，如果樣式表包含非ASCII characters

方法一設定容器的浮動方式為絕對位置然後確定容器的寬高 比如寬500 高 300 的層然後設定層的外邊距CSS Code複製內容到剪貼簿 div{ width:500px; height:300px; margin:-150px 0 0 -250px; position:absolute; left:50%; top:50%; background-color:#000;

 　　避免過度約束　　作為一般規則，不添加不必要的約束。　　CSS Code複製內容到剪貼簿　　// 糟糕　　ul#someid {..}　　.menu#otherid{..}　　// 好的　　#someid {..}　　#otherid {..}　　後代選擇符最爛　　不僅效能低下而且代碼很脆弱，html代碼和css代碼嚴重耦合，html代碼結構發生變化時，CSS也得修改，這是多麼糟糕，特別是在大公司裡，寫html和css的往往不是同一個人。　　CSS Code複製內容到剪貼簿　　//

 　　代碼如下:　　[selector]{　　[property]:[value];　　[<- Declaration ->]　　}< p>[選取器]{ 　　[屬性]:[值];　　[<- 聲明 ->]　　}　　編寫 CSS 樣式時，我習慣遵守這些規則：　　class 名稱以連字號(-)串連，除了下文提到的 BEM 命名法;　　縮排 4 空格;　　聲明拆分成多行;　　聲明以相關性順序排列，而非字母順序;　　有首碼的聲明適當縮排，從而對齊其值;

 　　OOCSS即物件導向的CSS，這裡對象指的是頁面中的元素對象，與傳統編程中的物件導向不太相同，比如不存在方法這種東西，硬要說的話，附加的一些class可以看作是繼承或者介面之類的東西來實現對象的差異化。比如電商網站中的商品就是一個典型的對象，它們既有許多相同的部分，又有許多差異，寬高、按鈕、圖片、標題等基本布局都是相同的，而邊距、線框、背景顏色、字型大小等都是差異化的。由此按照OOCSS的指導原則，我們應該寫一個product

 　　這是一個相對繁雜的CSS理論，分為Base、Layout、Module、Status和Theme共五個部分。不過它的核心思想仍然和OOCSS類似，鼓勵使用class。　　1. Base 基本屬性　　基礎屬性很容易理解，就是最基本的東西，很多樣式簡單的網站都採用一個簡單的二級CSS檔案模式，一個base.css通用於所有頁面，而每個頁面有一個特定的CSS檔案，我想這就是Base的雛形。要說具體是什麼，比如reset檔案，再比如放置clearfix或BFC的一些類似工具集的檔案。