CSS

　　自訂類別　　今天講的有一個新知識“類別”。其實，這知識並不陌生！回想一下，在 HTML 標籤中，有個屬性叫 class，當時沒有解釋這個屬性是幹什麼用的。其實，不是不解釋，而是解釋了也不會用，所以就暫時沒有說，等到了今天。這個 class 屬性，所以將之解釋為“類別”屬性，它有什麼作用呢？它能夠讓我們在不同的標籤中使用相同的 CSS 設定，舉個例子如下：

　　串連屬性　　在 HTML 檔案裡的超串連文字經過瀏覽器的解釋後都會以加底線的方式來顯示，並沒有動態效果，通過 CSS 之 Anchor Pseudo Classes，大家可以將超串連文字的顯示方式做到幾種不同的變化。　　例如：<A HREF=http://></A> 　　以上的超級串連經過在瀏覽器頁面上是以加底線的方式顯示。 　但如果利用 CSS 之 Anchor Pseudo Classes 則可以做出動態效果，其標籤如下：記得兩個屬性見 " ; "

英文原文在此：http://www.satzansatz.de/cssd/onhavinglayout.htm文中所有的 layout 這個單詞都未作翻譯，一來本身這個單詞意思就比較多，翻成啥都覺得彆扭，二來它也是專有的屬性，所以就意會一下吧。水平有限，很多地方都是模模糊糊地意譯，發現錯誤歡迎留言指出。引用一段來自Dean Edwards的評價：I recommend that every CSS designer and DOM scripter read this.

在Rainer's css手冊裡對background-position這樣寫道:預設值為： 0% 0% 。此時背景圖片將被定位於對象不包括補丁( padding )的內容地區的左上方。如果只指定了一個值，該值將用於橫座標。縱座標將預設為 50% 。如果指定了兩個值，第二個值將用於縱座標。如果設定值為 right center ，因為 right 作為橫座標值將會覆蓋 center 值，所以背景圖片將被居右定位。其實並不全是這樣的,它的2個值根是據語意自動判斷的比如

quirksmode網站的製作者發現了一個有趣的技巧.CSS中的background-image屬性可以插入Javascript.遺憾的是目前只有IE5/6支援.(IE7我沒有條件測試)運行代碼框<style type="text/css">#test {border: 1px solid #000000;padding: 10px;background-image:

瀏覽器發展/CSS布局/怎樣合理運用?IE7正在逼近...為什麼使用逼近這個字眼呢?因為我為曾經使用CSS布局的網站感到擔憂.CSS Hack曾經為了讓多個瀏覽器達到同樣的效果,使用的又是CSS布局,我使用了CSS Hack.但隨著IE7的到來,一些作用的失效,布局又出現了嚴重的問題.難道我們所提倡的CSS布局就是這樣的讓人不安麼?出現問題自然會讓人想到出現問題的原因.其實不難發現我們使用CSS

這個格式是我自創的，經常有人問我為什麼，這裡做個簡單總結：1. 分類，一個模組或者同類功能定義為一類定義，每類定義之間用段落隔開。2. 分級，每類定義中的每個定義語句，根據結構或語意層級使用Tab縮排縱向對齊。3. 分斷，每個定義內的每個屬性定義之間，用“分號+空格”隔開，注意定義語句與分號間無空格，“{}”內前有空格而後無空格。4.

　　一.使用css縮寫　　使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法結見附》，這裡就不展開描述。　　二.明確定義單位，除非值為0　　忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width="100"，但是在CSS中，你必須給一個準確的單位，比如:width:100px

!important和(空格)/**/:的組合技巧及其他先溫習一下對於IE的box-model的破解IE

效果：文字的上半部分文字的下半部分二組文字重合的效果原理：將二個相同而色彩不同的文字重合在一起，通過分別給其加 clip 屬性，使上面和下面的文字被剪下位置不同，從而產生二種不同的色彩。clip : 摘自蘇沈小雨CSS手冊clip : auto | rect ( number number number number )參數：auto : 對象無剪下rect ( number number number number ) :

這裡介紹的是另一種可以讓搜尋引擎讀取圖片文字的做法，是通過CSS完成的。在你的HTML檔案裡:  代碼如下複製代碼 <div id="myimage"> <span> My Company Name - My Unique Selling Proposition Why You Should Get My&

下面是我翻譯的內容，是根據我對文章的理解意譯的，你就別挑哪裡翻譯的不對了，我的目的只是傳達這個CSS技巧許多網頁設計師都喜歡，將兩個或者多個容器等高的並排放置，並在裡面展示每個容器的內容，就象經典表格版面配置中的儲存格控制幾個欄目的位置，也喜歡容器的內容置中或頂部對齊顯示。但是你又不喜歡用table來實現他，那怎麼辦呢？實現的方法很多，有根據視覺錯覺實現的，有用JS控制使高度相等的，還有採用容器溢出部分隱藏和列的負底邊界和正的內補丁相結合的方法來解決列高度相同的問題。其實有個簡單的方法，使用di

　　Web標準把網頁分成三個獨立組成部分:　　* 結構:HTML，XHTML，XML　　* 表現:CSS1，CSS2　　* 行為:ECMAScript, DOM　　Web標準至今漢有對外觀審美做任何指導方針和戒律，對網站的外觀和感覺沒有做任何限制，它們只不過使瀏覽器能夠正確地表現設計師建立的網站，協助客戶根據公司的市場需求和使用者分析來制定目標。　　Web標準可以做到:　　* 在圖形瀏覽器上更精確的控制、定位和排版　　* 複雜的互動行為　　* 可訪問性　　* 支援多種瀏覽器　　*

　　你用過css麼?當然，我是指你喜歡做網頁的話，用過?很好，那你用過它的特效麼?沒有?那請跟我來。讓我先通俗的介紹一下css，css不屬於html，它屬於html的輔助語言，在沒有css之前，網頁是靜態，但自從有了css

      在瀏覽網頁的時候我們有時可以看到有的網頁捲軸顏色不是系統預設的，而是漂亮的紅色或其它顏色，其實這就是在網頁代碼之間加入代碼來實現的，具體是哪些代碼呢？　      網頁捲軸代碼及其解釋如下：（複製時請將大寫角括弧改為小寫）  代碼如下複製代碼 ＜Style type="text/css"＞  ＜!--　  Body {

　　實現方法很簡單　　在CSS中添加以下代碼:  代碼如下複製代碼 img { filter:expression( this.不能去掉 ? "" : ( (!this.complete) ? "" : this.runtimeStyle.filter =

原文標題：Vertical Centering in CSS副標題：Yuhu's Definitive Solution with Unknown Height儘管有CSS的vertical-align特性，但是並不能有效解決未知高度的垂直置中問題（在一個DIV標籤裡有未知高度的文本或圖片的情況下）。標準瀏覽器如Mozilla, Opera, Safari等.，可將父級元素顯示方式設定為TABLE(display: table;) ，內部子項目定為table-cell (display:

三、頁面頂部製作(1)　　當我們寫好了頁面大致的DIV結構後，我們就可以開始細緻地對每一個部分進行製作了。　　在上一章中我們寫入了一些樣式，那些樣式是為了預覽結構而寫入的，我們把css.css中的樣式全部清除掉，重新寫入以下樣式代碼：程式碼/*基本資料*/body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}a:link,a:visited

四、頁面製作(1)----用好border和clear　　由於找工作找房子的原因，隔了這麼久才能開始寫教程，心裡感覺很對不起一直在關注本站的朋友，今天是找到房子的第二天，於是趕快繼續寫教程。　　這一節裡面，主要就是想告訴大家如何使用好border和clear這兩個屬性。　　首先，如果你曾用過table製作網頁，你就應該知道，如果要在表格中繪製一條虛線該如何做，那需要製作一個很小的圖片來填充，其實我們還有更簡單的辦法，只要在<td></td>中加入這麼一段就可以了，你可以試

一。關於TD的noWrap屬性 ☆提出問題： <td width="28%" align="right" nowrap > 我設定nowrap和不設定nowrap效果都一樣。就是表格隨著文字自動伸展，為什嗎？→回答問題： TD元素noWrap屬性的行為與TD元素的width屬性有關。◆如果未設定TD寬度，則noWrap屬性是起作用的。 ◆如果設定了TD寬度，則noWrap屬性是不起作用的。樣本檔案，點擊運行按鈕，查看效果HTML