CSS

聊天泡泡做為一種UI表現形式是廣大網民群眾所喜聞樂見，但許多教程實現它卻總是需要上使用非語義的HTML或者JavaScript。 聊天泡泡做為一種UI表現形式是廣大網民群眾所喜聞樂見，但許多教程實現它卻總是需要上使用非語義的HTML或者JavaScript。而本教程中的各種聊天泡泡只需要使用到CSS2.1來構建，並用CSS3來增強效果。不使用圖片，也不使用JavaScript和更加不使用當前語義沒用到的HTML哦。在CSS檔案中有大量對代碼的注釋，

你們中有許多人可能已經聽到過有關CSS3的不少傳言，但是我們現在能真正用到的CSS3技巧又有哪些呢？本文，我將向你展示一些與眾不同的CSS3技巧，這些技巧在一些主要的瀏覽器中表現良好（如Firefox，Chrome，Safari，Opera瀏覽器）。這些效果會在不支援的瀏覽器中降級渲染（如IE瀏覽器）。使用瀏覽器特定的聲明，許多提議的CSS3樣式都可以馬上拿來使用。如果你不知道瀏覽器的特定聲明是什麼，你只需要記住它們都是CSS樣式屬性前與核心供應商有關的特定首碼。因為CSS3目前還沒得到全面的支

css|解析度 根據解析度不同，調用不同的CSS檔案根據解析度不同，調用不同的css檔案dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center

很多人對於CSS都是邊幹邊學習，因為它不像C#之類的語言那麼複雜，看起來似乎挺簡單，然而正是這種對CSS的不完整的理解，導致了許多的CSS代碼破壞了布局，或者帶來了無休止的調試，以下總結了八條最常見的錯誤，以及它們的解決之道：1.不閱讀或者沒有讀過W3C標準的文檔。上圖是W3C CSS 2.1

核心提示：設定這些距離時，你可以使用所學過的各種 長度單位或比例值。使用比例值時，比例值 指的是相對於母體要素的尺寸。 定位（左邊和頂部） css定位屬性將是網蟲們開啟幸福之門的鑰匙： H4 { position: absolute; left: 100px; top: 43px }這項CSS規則讓瀏覽器將<H4>的起始位置精 確地定在距離瀏覽器左邊100象素，距離其 頂部43象素的位置。

css|dreamweaver 八.定義 CSS 樣式定位屬性 　　“定位”樣式屬性使用“層”首選參數中定義層的預設標籤，將標籤或所選文字區塊更改為新層。 　　設定層定位屬性：在“CSS 樣式定義”對話方塊中，選擇“定位”（如下圖），然後設定所需的樣式屬性。 （圖片較大 請放大後查看） 　　如果不設定屬性可以保持為空白。 　　類型：確定瀏覽器應如何來定位層。 　　絕對：使用“定位”框中輸入的座標（相對於頁面左上方）來放置層。 　　相對：使用“定位”

css|dreamweaver 七.定義 CSS 樣式列表屬性 　　“CSS 樣式定義”對話方塊的“列表”類別為列表標籤定義列表設定（如項目符號大小和類型）。 　　定義列表樣式：在“CSS 樣式定義”對話方塊中，選擇“列表”（如下圖），然後選擇所需的樣式屬性。 （圖片較大 請放大後查看） 　　如果不設定屬性可以保持為空白。 　　類型：設定項目符號或編號的外觀。兩種瀏覽器都支援“類型”。

網頁製作Webjx文章簡介：由於沒有找到自己認為完整的關於普通流、浮動和絕對位置的中文文章，於是鼓起勇氣決定自己來寫篇。為此大致啃掉了CSS2.1裡的 8 Box model 以及 9 Visual formatting model 。實話說，還真是看得有點頭大，呵呵~ 文檔流，其實標準雷根本就沒有這個詞。如果把文檔流直譯 　　由於沒有找到自己認為完整的關於普通流、浮動和絕對位置的中文文章，於是鼓起勇氣決定自己來寫篇。為此大致啃掉了CSS2.1裡的 8 Box model

介紹兩種製作圓角頭像的方法，通過CSS與PNG透明表徵圖來做的。

網頁製作Webjx文章簡介：HTML和CSS中的視覺語義.

瀏覽器如何讀取你的CSS選取器有一個很重要的原則，那就是它們從右至左讀取。這意味這像 ul > li a[title="home"] 這樣的選取器，a[title="home"] 將是最先被讀取的。我承認我並不經常想這個問題......我們寫的css的效率是怎麼樣的呢，瀏覽器渲染的速度又如何呢？這是應該是瀏覽器開發人員應該關心的(頁面載入更快，使用者就會更愉快)。Mozilla有一篇文章： about best practices . Google

網頁製作Webjx文章簡介：DIV+CSS建設網頁簡單的6個步驟. 大家都知道用DIV+CSS的布局來設計網站便於最佳化，容易被收錄，比如兩個網站同時上線，擁有同樣的外鏈，推廣2個月後，保證使用DIV+CSS布局的網站獲得的排名比傳統的TABLE

前一段時間我在做Green

簡單介紹幾種CSS隱藏文字的方法，希望對大家有所協助。

LearningjQuery.com的部落格日誌上的日期效果非常的酷，如下圖：其中文字的樣式和垂直的年份就會告訴你這不是用圖片來完成的。而且在標記語言中日期資訊是是以文字出現的，就像通常的那樣。通過Firebug查看，代碼非常簡潔漂亮！很明顯每一個日期並沒有各自的圖片。它們都出自同一張圖片（css sprites!），圖片的不同地方被放置上了不同的內容：天、月和年。也許你會記得這和一年前Joost de Valk posted about 上的技術是一樣的。來看一下這張漂亮的圖片：HTML代碼：

　　一、少用偏門。類似break-word斷行，z-index手動分層，還有像垂直對齊等等這些偏門CSS最好少用，因為不一定所有瀏覽器都支援，而且極難通過W3C檢測。　　二、center不是float的值。很多新手都會把center誤認為是float的值，而偏偏不是如此。center只是text-align的值。　　三、對齊不能包括兩個值。很多新手會在float或者text-align中填寫兩個值，比如：float:left top。這是不允許的，瀏覽器也無法識別。　　四、捲軸顏色最好不要自訂。

在使用CSS建站時，您肯定遇到過形形色色的布局問題，最後可能被搞得焦頭爛額。 在使用CSS建站時，您肯定遇到過形形色色的布局問題，最後可能被搞得焦頭爛額。本文的目的是讓您的設計過程更為容易，當您遇到困難時為您提供快速參考。有疑問，先驗證 在調試時，先對您的代碼進行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導致許多布局上的錯誤。 在其他瀏覽器中進行測試之前，請先在最先進的瀏覽器中撰寫和測試CSS代碼，而不是相反。

1.重設 首先，很認真的告訴你，總是要重設某些分類。無論你是使用 Eric Meyer Reset、YUI

pt 是個絕對單位，1 pt =1/72 英寸一個是裝置座標，一個是邏輯座標，兩者是不同的。px是個相對單位，一般像素的參考值為：在一個像素密度是90 pdi的顯示器上，正常人從距離顯示器28英寸處看一個像素的視角應該不小於0.0227度。 1   px定義的在設定為大字型之後不會變；pt定義的會變2   px是相對單位，pt是絕對單位如果大家做網頁是為了瀏覽而不是印刷，建議大家用 px 來定義字型大小，理由如下：1. 如前面 Jet

css|控制|顯示 一般我們看到的比如新聞列表，為了使文字不回行，控制字數，會通過程式讓多餘的字元顯示省略符號，我們只使用CSS可以達到同樣的效果，雖然不完美。li {    width:50px;    white-space:nowrap;    text-overflow:ellipsis;    overflow: hidden;