CSS

近來大家總是在標準上爭論不休，其實，這些問題一些相關文章已經說得很明白了。　　以下我就談談我的看法。本文章有太多的“我認為”，說明了我只是想把我的想法拿出來跟大家商榷，或許有太多不對的地方，也請大家一一指出。　　1、我對web標準的理解　　所謂的web標準，在一些教程文章上已經得到結論：結構化標準（XHTML、XML）、表現標準（CSS、XSLT？）、行為標準（DOM、ECMAScript）。這些東西在網上一搜一大把，在這裡我就不多說了。我只說我自己的想法：　　a.標準是相對的，有其一定的局限性

　一．樣式表基礎 　　1． 樣式表中每一個條目由選擇符（selector）和對應的規則群組成，選擇符通常是HTML元素名稱，也可以是類（class）、標識符（id）、偽類（pseudo class，它們標示了超連結的不同狀態）等。　　2． 將樣式表（規則）添加到HTML文檔中有3種方式：　　① 外部樣式表。　　② 應用於整個文檔的樣式，位於區，包括內建樣式表和輸入樣式表。　　③ 行內樣式，通過絕大多數元素的style屬性實現。　　3． 樣式表內的注釋用/*

iframe應用很普遍，通常的需求有兩種： 1，擷取iframe效果，就是帶一個捲軸，可以省不少版面。 2，要嵌一個頁面，實現架構連結。 如果不方便使用iframe，可以有如下解決方案： 第一種需求如果我們使用CSS布局來實現，即可以少一個頁面，也可以提高效率。 第二種需求可以採用xmlhttp遠程擷取。A. 直接類比iframe 用層做容器 複製代碼 代碼如下:#content { overflow:auto; height:200px; width:600px;

不用float實現模組置中布局_CSS/HTML最常見實用的布局形式：上、中左、中右、底四個模組，寬度760px，整體頁面置中。結構代碼，top left right foot 四個模組全部獨立、互不嵌套。＜p id="top"＞head＜/p＞＜p id="left"＞ ＜p id="left_module"＞left＜/p＞＜/p＞＜p id="right"＞ ＜p

利用相對定位和位移量屬性，可以很好的實現以前需要用圖片才能實現的介面，而且實現起來比也很方便。例如，當需要使用者輸入某些資訊，我們常常會用到：標題列－內容－確定按鈕 這種結構，下面是利用CSS樣式的相對定位及位移量做的輸入介面。主要特點是：標題列圖片有向上的位移量。利用樣式：top:-10px;position:relative;

作者：阿宏 2006-2-10 9:38:04 原文：http://www.w3.org/Consortium/technology 原作者：w3c 翻譯：阿宏 圖例說明W3C技術架構圖描繪了一個兩層的模型：全球資訊網體繫結構（被標註為“One Web”）建立在互連網(Interner)體繫結構之上。圖中豐富的Web層顯示了W3C關心的領域和發展的技術。 Web體繫結構被描繪成一系列的層，每一層都建立在另一層之上。從底至頂依次為：URI/IRI, HTTP Web Architectural

作者：JunChen 2005-5-24 9:56:57原文：http://www.sovavsiti.cz/css/abbr.html 翻譯：JunChen著作權:譯者JunChen所有，轉載請聯絡譯者。 簡介是用來為web頁面上的簡稱（譯者註：這裡把簡稱和縮寫分開而論，簡稱範圍比縮寫大，取首字母的縮寫用標籤）添加適當標註的XHTML標籤，Windows的IE瀏覽器暫不支援標籤。

不少網站開始採用韓式風格來建站.一般人都會想到用Photoshop等軟體來完成這樣的效果，但如果網頁上這類圖片太多，或是較大時，會給訪問帶來一定的困難。這裡就給大家講一講如何用CSS來做這樣的風格，因為用CSS只是對顏色的定義，少了圖片的應用，所以基本不會影響速度。 這種風格的特點是色彩變化豐富、應用Flash動畫合理、結構新穎，最明顯的特點就是表格或標題列常會加上一條橫或豎的色帶，中圈起來的地方就是這樣:　　　 　　 首先，在Dreamweaver MX

作者：阿宏 2005-4-15 20:45:18原文：What is the Best Way to Mark up the Title of a Document? 說明：本文是 《Web Standards Solutions: The Markup and Style Handbook》一書中的一章。書號：ISBN:1590593812。我們會陸續翻譯此書中有價值的章節。 原作者：Dan Cederholm 翻譯：阿宏

除特別說明外，本站內容採用創作共用授權署名和非商業用途,請尊重勞動成果。原文標題：Vertical Centering in CSS副標題：Yuhu's Definitive Solution with Unknown Height翻譯：forestgan儘管有CSS的vertical-align特性，但是並不能有效解決未知高度的垂直置中問題（在一個DIV標籤裡有未知高度的文本或圖片的情況下）。標準瀏覽器如Mozilla, Opera,

CSS代碼:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虛線*/ width: 100%; }.list li a{ color: #777777; display:

用過Word的人都知道Word 有一個“項目符號和編號”的功能，用起來很方便。Dreamweaver3的屬性面板也有一個類似有的“項目符號和編號”的表徵圖按鈕，產生自動列表功能， 但它只有兩種形式，即方塊和阿拉伯數字。不過我們可以利用Dreamweaver3的CSS定義功能去重新定義“列表符號的格式”。下面以定義一個“大寫 羅馬數字項目列表符號”為例來說明其使用方法： 1、按F7（或點擊快速啟動欄裡那個象“八卦圖”似的表徵圖），調出CSS面板，選擇

隨著網頁標準化觀念深入人心，越來越多的網站採用了CSS架構。CSS架構的網頁不但符合W3C標準，並且還非常美觀。標準化網頁從漂亮的CSS菜單開始。眾所周知，CSS菜單都是一段代碼、一段代碼的編寫出來，產生漂亮菜單，今天給大家介紹一款小的軟體：CSS Tab Designer！ 　 CSS Tab Designer是一款使用CSS來設計導覽功能表的可視化軟體，軟體內建60多種不同風格的樣式，只需修改現成樣式模版，就能快速產生CSS菜單。特別值 得一提的是，軟體產生的XHTML代碼嚴格遵循網頁標準，

　　原文連結：CSS Design: Custom Underlines 　　由 A List Apart 雜誌及作者授權翻譯。（Translated with the permission of A List Apart Magazine and the author[s].）　　說明：文章中“[補充]”內容系譯者所補充添加（來自 CSS 2.0

在阿捷的w3cn中，他說：引用內容在以前，我們通常採用2種方法使用樣式表：頁面內嵌法：就是將樣式表直接寫在頁面代碼的head區。類似這樣：外部調用法：將樣式表寫在一個獨立的.css檔案中，然後在頁面head區用類似以下代碼調用。在符合web標準的設計中，我們使用外部調用法，好處不言而喻，你可以不修改頁面只修改.css檔案而改變頁面的樣式。如果所有頁面都調用同一個樣式表檔案，那麼改一個樣式表檔案，可以改變所有檔案的樣式。可見阿捷是十分推崇用的。補充一下阿捷的話，使用的好處不單單是修改起樣式表很方便

A:均不設定postion，一般嵌套關係 B:僅外div設定relative，一般嵌套關係 C:僅內div設定absolute，文檔中為嵌套關係，頁面中內div浮起[非float]，相對於頁面定位，與外div無關。 A:均不設定postion，一般嵌套關係 B:僅外div設定relative，一般嵌套關係 C:僅內div設定absolute，文檔中為嵌套關係，頁面中內div浮起[非float]，相對於頁面定位，與外div無關。

最近發現越多越多的人使用DIV+CSS這個稱為來代表XHTML。這從根本上就是不正確的！其一，CSS是一種叫做樣式表（stylesheet）的技術。也有的人稱之為層疊樣式表（Cascading Stylesheet），而DIV是HTML中的一個標籤。DIV和TABLE是同級的，所以不應該把DIV和CSS連在一起來代表XHTML。其二，DIV+CSS並不一定就符合標準，XHTML而也並不只是DIV+CSS。許多號稱已經使用DIV+CSS進行重構的網站或論壇其實本身根本無法通過W3.ORG的校正。（

寫XHTML要求使用乾淨的HTML文法--------------------------------------------------------------------------------Some More XHTML Syntax Rules:更多XHTML文法規則： Attribute names must be in lower case屬性名稱必須為小寫 Attribute values must be quoted屬性值使用雙引號 Attribute

asp開發規範 一、單頁編寫規範： 切記頁面要分模組來寫： 第一模組：接收參數。[有可能從不同頁面提交到同一個頁面；也可能出現兩個表單項以哪個優先的處理)。 第二模組：定義全域變數。 第三模組：寫處理代碼(盡量將代碼都包含到函數中，詳見頁面附註一)。——到此asp代碼主要部分完成。 第四模組：純html代碼，利用儲存在全域變數中的值來產生頁面。 第五(注意)：要在頁面頭部寫清頁面邏輯。(如何接收、處理。) 優點：便於維護。模組獨立，便於重複使用到類似頁面。 二、全站檔案構建規範：

　　我們都知道瀏覽器之間是有差異的，很多人在使用XHTML+CSS方式製作網頁的時候都曾為此無比頭痛。要在這些差異的影響下工作需要很多的技巧，“隱藏CSS”就是其中很重要的一種技巧（甚至是最重要的）。這種技巧的主要思想是，用某些方式對某些瀏覽器隱藏某些重載的CSS規則。 　　這篇文章並不是想教你如何使用這種技巧，它面向的是有一定CSS基礎的設計開發人員，我假定你曾經使用過某種隱藏CSS規則的方法。這裡是想把可用的方法與被隱藏規則的瀏覽器都列出來，方便大家在平時工作時隨時查閱。