CSS

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

如何使DIV置中主要的樣式定義如下：body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 說明：首先在父級元素定義TEXT-ALIGN: center;這個的意思就是在父級元素內的內容置中；對於IE這樣設定就已經可以了。但在mozilla中不能置中。解決辦法就是在子項目定義時候設定時再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto;

　　隨著時間的積累這裡的內容會有增加或者修改,希望下面的東西對後來的標準學習者會有些協助,或者毫無用處.　　主要的內容是在IE和MOZILLA之間的差異和容易忽視的細節,一些經典應用的最佳實現方法,應該避免違犯的錯誤.　　由於是自己平時經驗的積累,難免會出現一些錯誤的解釋,如有幸被高人看到,請務必指出,先謝過了.　　ul

作者：flyingbird　來自：藍色理想

很多朋友問過我absolute與relative怎麼區分，怎麼用？我們都知道absolute是絕對位置，relative是相對定位，但是這個絕對與相對是什麼意思呢？絕對是什麼地方的絕對，相對又是相對於什麼地方而言的呢？那他們又有什麼樣的特性，可以做出什麼樣的效果呢？關於兩者之間又有什麼樣的技巧呢？下面我們就來一一解讀。Absolute，CSS中的寫法是：position:absolute;

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

　一．樣式表基礎 　　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

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

以下是CSSVault.com推薦的2004年1月--3月130個CSS布局網站，供大家參考：CCD DesignWebexpresseHappy Cog Icelandic National TeamDerek Powazek Blogdsgn Postcard TimesEview 360Euro Pair AgencySchillmaniaDFS OnlineWays to createThe Great MonkeyPapel ContinuoMade By GirlsCameron

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

1.css 字型簡寫規則當使用css定義字型時你可能會這樣做：font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif; 事實上你可以簡寫這些屬性：font: 1em/1.5em bold italic small-caps verdana,serif

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

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

　　一段文本或一張圖片，它的周圍有一圈光暈，這圈光暈每一秒鐘閃爍一次，而當滑鼠移到上面時，立即停止閃爍，當滑鼠移開時又繼續閃爍。這種效果用於那些需要特別引起別人注意的內容上(如:警示、報告新增內容等)，能起到較好的效果。　　上面這個樣本就能實現上面所的效果，由於這裡是抓取的一張圖片，不能看到動態效果，只要按下面介紹的方法，製作一個試試，其效果是一目瞭然的。其製作思路是:採用了CSS的“Glow”濾鏡產生光暈效果，利用CSS的屬性可動態改變的特性，用一小段javascript程式來每一秒鐘改變一次

除特別說明外，本站內容採用創作共用授權署名和非商業用途,請尊重勞動成果。 表格一直是網頁設計製作過程中一個重要的組成部分，在沒學習CSS布局前，大多是用來布局的，但到目前位置發現居然還沒真正地瞭解和完全掌握表格，不得不需要重新認識表格......在現代網頁設計製作中，表格主要的用途應該是用來存放多元二維資料。和表格相關的標籤有

我是這樣來做DIV布局代碼的．不知道說的清楚不清楚，湊和看吧我的想法是未來能這樣：用標準件的方式來組裝網頁DIV布局我把class分為２種，布局class，風格class，布局class是骨架，風格class是衣服舉個例子：比如布局中的左欄首先它的屬性有：是左欄，寬度，背景顏色，字型顏色等１．首先會定義一個class,比如:.layout,主要用來控制頁面整個的大小.layout{width:98%;margin:0

1. CSS字型屬性簡寫規則一般用CSS設定字型屬性是這樣做的：font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif但也可以把它們全部寫到一行上去：font: bold italic small-caps 1em/1.5em

什麼是CSS？ CSS就是一種叫做樣式表（stylesheet）的技術。也有的人稱之為層疊樣式表（Cascading Stylesheet）。 在首頁製作時採用CSS技術，可以有效地對頁面的布局、字型、顏色、背景和其它效果實現更加精確的控制。 只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數不同的網頁的外觀和格式。 空間頁面CSS說明 body 整個空間頁面{background-color:#FFFFFF}--------------------------------