CSS

　　和用來為內容指定樣式或綁定指令碼。雖然大多數HTML元素可以通過style屬性來設定樣式資訊，但是許多HTML元素有自己預設的樣式，該樣式可能和style定義的樣式混合甚至衝突，是我們不希望看到的。如：I am

一、使用STYLE屬性將STYLE屬性直接加在個別的元件標籤裡，例如： 這種用法的優點 是可靈巧應用樣式於各標籤中，但是缺點則是沒有整篇檔案的『統一性』。二、使用STYLE標籤 將樣式規則寫在標籤之中。 例如： 通常是將整個的 結構寫在網頁的 部份之中。這種用法的優點就是在於整篇檔案的統一性，只要是有聲明的的元件即會套用該樣式規則。缺點就是在個別元件的靈活度不足。三、使用 LINK標籤 將樣式規則寫在.css的樣式檔案中，再以標籤引入。

Web網站可用性的關鍵計量是速度，更確切地說，是頁面能以多快的速度出現在訪問者的瀏覽器視窗裡。影響速度的因素有很多種，包括Web伺服器的速度、訪問者的Internet串連情況，以及瀏覽器必須下載的檔案大小。儘管你無法控制伺服器和串連的速度，但是你可以控制構成網站Web頁面的檔案大小。為了讓網站能夠更快，Web的建設者都會按常規地壓縮和最佳化網站上的每一個影像檔，這常常使得為了將檔案的大小減少幾個百分點而犧牲了映像的品質。由於CSS樣式表是純文字檔案，和映像相比相對較小，所以Web建設者很少考慮採

　　一段文字，當滑鼠在文字上面單擊，文字消失，原來文字的地方卻立即變成了一張圖片，當滑鼠在圖片上單擊，圖片又消失，原來的文字又重現了，像變魔術一樣，是不是有意思?!這種效果用Dreamweaver的Behavirs 功能也可實現，但那要增加一段javascript程式，明顯增加了不少代碼。而用CSS來製作這種效果，增加的代碼卻要少得多。　　原理:利用CSS的屬性值可動態改變的特點。　　思路:定義一個HTML元素CSS屬性的兩種屬性值，再用一個事件來觸發，一旦事件發生，則改變HTML元素的屬性值，

作者：JunChen 2005-5-23 12:00:35原文：http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻譯：JunChen首發：http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 著作權：本文著作權歸譯者Junchen所有，轉載請先聯絡譯者。

大家都知道連續的英文或數字能是容器被撐大，不能根據容器的大小自動換行，下面是 CSS如何將他們換行的方法！對於div 1.（IE瀏覽器）white-space:normal; word-break:break-all;這裡前者是遵循標準。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} ddd1111111111111111111111111111111111

以下代碼正常調試須IE5.5以上瀏覽器 儲存 清除 載入 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

Microsoft Expression Web Beta 1 betaDownload: http://fileforum.betanews.com/detail/Microsoft_Expression_Web/1147707644/1Microsoft Expression Web(以前叫Expression Web Designer) 可以協助大家設計和製作基於web標準的網站、快速的進行CSS布局、對CSS進行格式化和管理、Rich data什麼什麼的, 還有可以對.NET

你正在學習CSS布局嗎？是不是還不能完全掌握純CSS布局？通常有兩種情況阻礙你的學習： 第一種可能是你還沒有理解CSS處理頁面的原理。在你考慮你的頁面整體表現效果前，你應當先考慮內容的語義和結構，然後再針對語義、結構添加CSS。這篇文章將告訴你應該怎樣把HTML結構化。

字型的處理在網頁設計中無論怎麼強調也不為過，畢竟網頁使用來傳遞資訊的，而最經典最直接的資訊傳遞方式就是文字，所以，瞭解一點字型的基本知識對於設計來說還是非常重要的。 　　 中文和英文的最大區別就是中文是方塊字，英文是拼音文字，這對字型的處理的影響是巨大的。看看下面的圖示就會發現，英文字型裡的那些變化在中文字型裡都弱化了。　　 作為中文的讀者，習慣性的接受方塊形狀做為閱讀的單元，其實對於眼睛來說，這是一種容易疲勞的方式，閱讀的時候你的視線實際上是跟隨整行文字的外形。看看這個例子。　　 NOW I'

當IE7 beta1推出的時候，我在第一時間對它作了個測試。當時發現它對CSS的支援幾乎沒有任何變化，著實失望了一陣。MS在最近推出了IE7 beta2，這次有了不少新的改進和變化。但這些改進和變化會導致一些原來正常網頁出現布局錯誤或者原來可以使用的Hack技巧不再可用。MSDN在年初的時候把這些可能產生的問題羅列給開發人員（這是原文），這裡我把其中比較主要的問題簡單地描述一下，希望能對大家有所協助。 　　注意，在IE7正版發布之前，以下提到所有內容都是有可能變化的。

內聯級元素(inline-level element)中試圖插入塊級(block-level element)元素。這樣做是不允許的。唯一的能在內嵌元素中插入區塊層級元素的例外是object標籤。那麼什麼是內聯級元素(inline-level element)和塊級(block-level element)元素呢？。 塊元素(block element)一般是其他元素的容器元素，塊元素一般都從新行開始，它可以容納內嵌元素和其他塊元素,常見塊元素是段落標籤''P"。“form"這個塊元素比較特殊，

Fastcompany是simplebits.com站長的全CSS+Div布局作品.網站導航採用的是CSS圖片翻轉.不用多想肯定是利用a:link和a:hover等不同狀態下利用顯示不同的background-images製作而成.我認為作者的獨到之處在於CSS中的a:hover...#nav a:hover {background-position: 0 -20px;}#nav a:active {background-position: 0

一，CSS的管理 偶個人感覺比較重要，而且網上好像也比較少有說這方面的 一來管理好的話，在調用和定義CSS時，會省掉很多時間和麻煩 以下是偶的一些積累首先是為何要外部匯入或連結CSS因為一個網頁有很多頁面，其中就要用到很多CSS（而且其中有一部分CSS是重複的），如果每頁單獨定義的話，以下是管理的方法，在index下的images檔案夾中，CSS檔案夾與之同級，方便調用和管理開始做網站時，因為偶們大多在PS中都得到了平面圖，這時可以初步的明確相同部分CSS 比如底部，本文假設現在有a ,b

word-wrap : normal | break-word 參數：normal : 　允許內容頂開指定的容器邊界break-word : 　內容將在邊界內換行。如果需要，詞內換行（word-break）也行發生說明：設定或檢索噹噹前行超過指定容器的邊界時是否斷開轉行。對應的指令碼特性為wordWrap。請參閱我編寫的其他書目。樣本：div { word-wrap: break-word; } word-break : normal | break-all | keep-all

看到問此問題的很多，所以花點時間整理下，歡迎大家提意見，做補充修改，謝謝！問題如下: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]解決方案:一、改變HTML的排列 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]解決方案:二 、display:block [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]解決方案:三、負值 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]解決方案:四、字型大小

配合約事文章的技巧，用自己的部落格來測試一下。首先插入一張測試圖片：終極技巧之圖片篇：為圖片添加濾鏡效果純文字部落格看上去會顯得很枯燥，適當的配圖能夠讓頁面更美觀，也能更好地表達自己的思想。那麼如何為圖片添加一些Photoshop裡面才有的特殊濾鏡效果呢？一張張修改圖片嗎？太煩瑣了，更何況很多時候我們是引用網路上的圖片地址，並沒有對原圖片的修改許可權。這裡有一個簡單的方法，可以修改圖片在部落格上的顯示效果。一般的部落格編輯頁面都有“插入圖片”功能，此外還有“原始碼編輯”模式，切換到“原始碼編輯”

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

CSS布局中,未知大小圖片的垂直置中，一直是比較頭疼的問題,標準瀏覽器只要設定容器的line-height和圖片的vertical-align:middle;就可以了，但對IE沒用，幾個月前在國外網站看到了一則對IE的解決方案，感覺不是很理想，也沒當回事。最近看到經常有朋友在問類似的問題，又把代碼翻了出來，針對IE改了下。CSS .box{height:140px;width:200px;border: solid 1px #666;text-align:center;/*水平置中*/line-

標籤：接上篇ｃｓｓ基礎選取器，這部分主要總結一下ｃｓｓ屬性選取器的用法。屬性選取器的作用：對帶有指定屬性的HTML 元素設定樣式。使用CSS3屬性選取器，你可以只指定元素的某個屬性，或者你還可以同時指定元素的某個屬性和其對應的屬性值。話不多說：依然上代碼。.demo { margin: 50px auto; width: 300px; border: 1px solid #ccc;