CSS

看代碼  代碼如下複製代碼 <div class="top">    <div class="sub">css opacity attribute!</div></div>

　　怎麼解決這個問題呢？經發現可以採用overflow來解決！方法是在父元素加上如下代碼即可： overflow:auto;zoom:1; 　　“overflow:auto;”是讓高度自適應，“zoom:1;”是為了相容IE6，也可以用“height:1%;”來解決。  代碼如下複製代碼 <!DOCTYPE html PUBLIC &

　　cell-box：包圍內容的最小框。　　cell-box的baseline：一般來說為這個cell-box裡第一行文字框從下往上四分之一處(大約，為個人理解)。　　這一行的baseline：這一行vertical-align為baseline的所有cell-box，cell-box頂部到該cell-box baseline距離最大的

♠ ul 標籤在 Mozilla 中預設是有 padding 值的，而在 IE 中只有 margin 有值。♠ 同一個的 class 選擇符可以在一個文檔中重複出現，而 id 選擇符卻只能出現一次；對一個標籤同時使用 class和 id 進行 CSS 定義，如果定義有重複，id 選擇符做的定義有效。♠ 初學可能會碰到這樣一個情況，同樣一個標籤的屬性在 IE 設定成 A 顯示是正常的，而在 Mozilla 裡必須要設成 B

 代碼如下複製代碼 ======================CSS=======================.holder{ width:740px; height:300px; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;}/*以下樣式針對IE*/.edge{ width:0;&

1 網頁中引用外部CSS的兩種方式網頁中引用外部CSS檔案有兩種方式：link和@import，兩者引用的方式在頁面上的展現效果是一樣的。link引用方式如下：<link href="styles.css" type="text/css" />@import引用方式如下：<style type="text/css">@import

解析CSS列表樣式屬性list-style平時製作頁面中可對屬性list-style在list-item對象中常用，但用的都不深。一般都設為none重設整個頁面就差不多OK，可能很多人包括本人對屬性list-style-type更細節方面的屬性並不是很瞭解，更有可能對屬性list-style和屬性list-style-type概念會比較模糊，現有必要把它提出來重新學習一下，故整理如下。義和用法list-style

按比例縮小或者放大到某個尺寸，對於標準瀏覽器（如Firefox），或者最新都IE7瀏覽器，直接使用max-width,max-height；或者min-width,min-height的CSS屬性即可。如：  代碼如下複製代碼 img{max-width:100px;max-height:100px;}img{min-width:100px;min-height:100px;} 對於IE6及其以下版本的瀏覽器，則可以利用其支援的expression屬性，在css

將表單自上而下分成一行行， 並在每行中按從左至右的順序排放元素，即為文檔流。每個非浮動區塊層級元素都獨佔一行， 浮動元素則按規定浮在行的一端。 若當前行容不下， 則另起新行再浮動。內嵌元素也不會獨佔一行。 幾乎所有元素(包括塊級，內聯和列表元素）均可產生子行， 用於擺放子項目。有三種情況將使得元素脫離文檔流而存在，分別是浮動，絕對位置， 固定定位。 基於文檔流， 我們可以很容易理解以下的定位元模式：相對定位， 即相對於元素在文檔流中位置進行位移。 但保留原佔位。絕對位置，

 代碼如下複製代碼 <style type="text/css">.thumbImage img{ MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;} .thumbImage {MARGIN: auto;WIDTH: 600px;}

定義和用法letter-spacing 屬性增加或減少字元間的空白（字元間距）。該屬性定義了在文本字元框之間插入多少空間。由於字元字形通常比其字元框要窄，指定長度值時，會調整字母之間通常的間隔。因此，normal 就相當於值為 0。注釋：允許使用負值，這會讓字母之間擠得更緊。預設值： normal 繼承性： yes 版本： CSS1JavaScript 文法： object.style.letterSpacing="3px"執行個體設定 h1 和 h2 元素的字母間距： &

用margin還是用padding這個問題是每個學習CSS進階時的必經之路。　　CSS邊距屬性定義元素周圍的空間，通過使用單獨的屬性，可以對上、右、下、左的外邊距進行設定，也可以使用簡寫的外邊距屬性同時改變所有的外邊距。　　邊界(margin)：元素周圍產生額外的空白區，“空白區”通常是指其他元素不能出現且父元素背景可見的地區。　　padding稱呼為內邊距，其判斷的依據即邊框離內容本文的距離，而我喜歡CSS權威指南解釋的“補白”（或者叫&ldqu

先來看看效果圖片這是我們常見到的tips提示效果，精美又好看了。  代碼如下複製代碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

 代碼如下複製代碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html

涉及到的條件注釋代碼如下：  代碼如下複製代碼 <!DOCTYPE html><!--[if lt IE 7 ]><html class="ie ie6"><![endif]--><!--[if IE 7 ]><html class="ie ie7"><![endif]--><!--[if IE 8 ]><html

對於div1.（IE瀏覽器）white-space:normal; word-break:break-all;這裡前者是遵循標準。  代碼如下複製代碼 #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}eg.<div id="wrap">ddd1111111111111111111111111111111111111111111111

CSS設定強制換行：　　word-break:break-all 強制斷開實現轉行　　normal ; 依照亞洲語言和非亞洲語言的文本規則，允許在字內換行　　break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本　　keep-all :

 代碼如下複製代碼 用到的背景圖片代碼如下，一定要引用jQuery132.js庫哦，別的也可以<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

HTML兩種菜單的HTML代碼是不同的，因為到目前為止，你不能把<select>和<option>的樣式設計成<a>有一樣的外觀和行為，反之也不能。所以二者都需要設計，而你做的就是把二者的標記都寫出來。FSS的做法如下：  代碼如下複製代碼 <nav>  <ul>     <li><a href="/" class="active&

::selection 偽類別選取器用於反白的頁面使用者選擇的任何部分，包括可編輯文字欄位中的文本。此虛擬元素可應用於 color ， background-color ，background（background-color 部分） 和text-shadow（註：到目前位置IE下該屬性無效）屬性。設定其他屬性是沒有任何效果的。Firefox下需要加-moz-屬性首碼；支援瀏覽器：Chrome，Firefox (Gecko)，Internet Explorer