CSS

body { font-size: 0.8em; color: navy; } 　　上面的意思是為body選取器設定font-size字型大小和color字型顏色。 　　所以基本的，當它作用與HTML頁面時，在body標籤（整個視窗中的內容）之間的文字顏色是navy字型大小是0.8ems。 長度和百分比 　　CSS裡面有許多屬性值要指定單位，但有些基本單位被使用在一些屬性上，在這之前值得屬性下它們。

寫這個效果，可以熟悉以下： 1、相對定位中的絕對位置； 2、CSS 針對瀏覽器 HACK； 3、瞭解幾種邊框，以及可以實現的變化；以及加了邊框後，寬度和高度的計算方法； 4、感受浮動，浮動的東西只有多作一些，才會感受更深一些； 5、還可以熟悉一下小學的加減法；呵…… 很早以前我都是拿計算機在寫CSS。 首先，我先用FW畫一個小燈籠，在畫的過程中，我儘可能不出現圓角，並畫成等寬，等高、置中；因為這些屬性在CSS中都有！文字12號加粗！ 於是，開始想布局！這個布局太麻煩，我不得不用更多的標籤來完成，

write by 阿會楠 環境：IE7+IE6 時間 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

綠色在黃色和藍色（冷暖）之間，屬於較中庸的顏色，這樣使得綠色的性格最為平和、安穩、大度、寬容。是一種柔順、恬靜、滿足、優美、受歡迎之色。也是網頁中使用最為廣泛的顏色之一。綠色與人類息息相關，是永恒的欣欣向榮是的自然之色，代表了生命與希望，也充滿了青春活力，綠色象徵著和平與安全、發展與生機、舒適與安寧、鬆弛與休息，有緩解眼部疲勞的作用。 它本身具有一定的與自然、健康相關的感覺，所以也經常用於與自然、健康相關的網站。綠色還經常用於一些公司的公關網站或教育網站。

層固定位置練習--by 阿會楠 指令碼之家 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

當前標識指使用者點擊該頻道或欄目，該欄目的標籤呈現出與其他標籤不同的顏色用以提示使用者所處的位置。

用作圖工具作一個漸層的長度.看起來能好看一點(寬:187px;高15px) 本來設想是當12%時,圖片從左到12%的位置顯示,餘下的88%不顯示,但不佔地(看起來和1px的圖片底沒什麼區別).下午時去網羅了一班.發現不佔地是不太可能的. 要隱藏圖片餘下的百分比,先想到了評分.亮和暗用了一張圖片,各占圖片總高度的一半.我寫下了: 依次從10%-100%，見不到效果,換這個是可以不過在盒子內必須要有內容. 昨天晚上沒寫出來.下午google了也沒有找到類4漸層的.不過從其中一個樣本中得到了靈感.

內容再豐富的網站，如果慢到無法訪問也是毫無意義的； SEO做的再好的網站，如果搜尋蜘蛛抓不到也是白搭； UE設計的再人性化的網站，如果使用者連看都看不到也是空談。網站最基本的東西是什嗎？ ——內容？SEO（搜尋引擎最佳化）？UE（使用者體驗）？都不對！是速度！ 內容再豐富的網站，如果慢到無法訪問也是毫無意義的； SEO做的再好的網站，如果搜尋蜘蛛抓不到也是白搭； UE設計的再人性化的網站，如果使用者連看都看不到也是空談。

CSS條狀圖表是我們在網頁設計中常常會遇到的一種形式。條狀圖表可以將數量，以條狀圖形的形式直觀的表示出來。 　　CSS基本條狀圖表的實現方法是什嗎？我們看下面的執行個體介紹： 複製代碼 代碼如下: 24% 這是xhtml代碼，定義了一個容器，應用類graph，其中包括了一個xhtml元素strong，並且對這個元素應用類bar。 　　我們看下面的CSS定義： 複製代碼 代碼如下:.graph { position: relative; /* IE is

在HTML 4.0 Strict和XHTML 1.0 STRICT裡不允許在標籤裡使用target屬性,這是一件令網頁設計者懊惱的事.在過渡的規範裡還是允許使用的.但通過一定的方法,我們可以解決這一問題.

Howdy, 大家好，又是我~ 上一次我們簡單的談了一下font set和一些要注意的基本問題。今天我們繼續字型這一話題，深入講講上次提到的“通用字型族”。首先是最常用的 serif 和 sans-serif 這兩個通用字型族。 - serifSerif 在印刷學上指襯線字型。為了理解襯線字型的概念，大家先看幾個典型的襯線字型的例子：My Georgia字型 King Times New Roman 字型 漢字 宋體 單詞 My 中的字母 “M”上下方突出的虛線就是所謂的襯線。同樣，y的上方，

ASP 也提供了支援不同地區文化習慣的命令，如貨幣、時間和日期格式。同字串轉換命令一樣，如果您的指令碼沒有使用 Web 服務器的預設現場，則要使用現場命令。指定的字碼頁特性無效。 codepage屬性：是指出網頁的字碼頁 如果製作的網頁指令碼與WEB服務端的預設字碼頁不同，則必須指明字碼頁： 代碼如下: codepage=936 簡體中文GBK codepage=950 繁體中文BIG5 codepage=437 美國/加拿大英語 codepage=932 日文 codepage=949 韓文

XHTML 標準的目標是取代 html。按照 W3C 的說法，“XHTML 是 html 的繼承者”(http://www.w3.org/MarkUp/)。XHTML具有兩大目標：在文檔結構和表示形式之間建立更明顯的分離。將 html 重新表示為 XML 的應用程式。使用XHTML標準的好處是：只需設計頁面一次，即可讓該頁以完全相同的方式在任何現代的瀏覽器中顯示和工作。例如，在按照標準產生以後，頁面在Internet Explorer、Mozilla Firefox、Netscape

所以，結構優良的代碼能很大程度上最佳化它的可維護性。下面列出四則技巧提高CSS檔案可維護性的方法，以此作為指南，以一種較好的CSS樣式組織習慣來進行WEB前端開發。 一、CSS樣式檔案分解 對於小項目，在寫代碼之前，按頁面結構或頁面內容將代碼分為幾塊並給予注釋。例如，可以分別將 全域樣式、布局、字型樣式、表單、評論和其他分為幾個不同的塊來繼續工作。 而對於較大的工程，這樣顯然不會有什麼效果。此時，就需要將樣式分解到幾個不同的樣式表檔案。下面的master stylesheet

今天去一老外站看到了這他站上的十分平滑但卻沒有js，好奇，原來。。巧妙啊，分享下，相對而言比較節省資源。但效果好，使用方便，兼顧w3c。哈哈 複製代碼 代碼如下: ie-stuff.css 複製代碼 代碼如下:#footer { position: absolute; bottom: auto; clear: both; top:e­xpression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?

先說下這套架構的優點：1.可以方便的把繁重的CSS編寫工作分配出去，而不會相互造成影響。2.結構清晰，利於維護和修改。3.每一張網頁都僅載入自己需要的CSS。總結下來就是：提高開發效率，提高維護效率，提高網頁載入效率。下面我解釋一下上面這張CSS結構圖：圖中間的5個黑色的圖示表示網頁，其中上面單獨的一張是主版頁面，下面四張是子頁。使用VS的人都知道主版頁面的作用，相當於asp中的include，把共通的部分作成母片，單獨的部分作成子頁，提高開發效率。圖上方綠色框內的是全域CSS部分，它們存放在s

CSS的功能是非常強大的，對於元素的表現以及頁面的布局，都提供了非常強大的功能，這主要在於我們靈活的運行，在這方面提供了豐富且富含價值的各種教程與資訊。對於圖片的使用，其實更多的是在內容層。根據WEB標準的思路，表現層的圖片，已經都被分離到CSS中去了。只有作為內容的圖片才能以IMG標籤插入在頁面中，這也是一直強調的語義。

Positoin屬性有四個值： static、fixed、absolute和relative，後面兩個在布局中的定位裡是經常用到的，顧名思義，absolute是指絕對位置，即將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對位置，而其層疊通過z-index屬性定義。此時對象不具有邊距，但仍有補白和邊框。ralative是指相對定位，就是依據left，right，top，bottom等屬性在正常文檔流中位移位置。

放在form表單中提交後得不到該值。 將disabled="disabled" 改為 readonly = "readonly" 即可 按照W3C的規範：http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12 設定為disabled的input將會有下面的限制： 不能接收焦點 使用tab鍵時將被跳過 可能不是successful的 設定為readonly的input將會有下面的限制： 可以接收焦點但不能被修改

為什麼要翻譯這篇說明？css2本有人已翻譯過，但看一下，很粗糙（不是說自己就怎麼怎麼樣啊，翻譯者真的是很值得敬佩的！），近來跟css與xhtml接觸得越來越多，但接觸得越多，迷惑卻總不見少。 現在我覺得很多問題根本不能稱之為問題，原因就在於我們的草率理解，比如殺雞用牛刀，不是不可以，是不合理、不恰當，根源錯了，表象也就會錯了，如果解決問題從表象入手，難免總會摸不著頭腦，還是那句話，要腳踏實地，切莫浮躁。 在這個說明中，“collapsing