CSS

容器高度100%是經常用到的需求，任何容器都可以實現，而且不需要嵌套關係。把body看作是一個容器，做為內部對象的上層標籤，他的高度設定為100%是關鍵。最基本的例子* { margin:0; padding:0; border:0;}html,body { height:100%;} /* 同時設定html是為了相容FF */#box_2 { height:100%; background:#000;}重疊定位效果#box_1 { position:absolute; top:0; left:

在設計《網頁設計師》頁面的時候，有一個問題一直困擾著我，主菜單在IE和其他(Mozilla、Opera等)瀏覽器裡顯示的效果偏差2px。如下：IE中的效果 Mozilla Firefox中的效果 這是因為IE對盒之間距離的解釋的bug造成的(參考onestab的" 浮動模型的問題 ")。我一直沒有解決這個問題，直到我翻譯 " 表格對決CSS--一場生死之戰

IE5及其以後版本支援在CSS中使用expression，用來把CSS屬性和Javas cript運算式關聯起來，這裡的CSS屬性可以是元素固有的屬性，也可以是自訂屬性。就是說CSS屬性後面可以是一段Javas cript運算式，CSS屬性的值等於Javas cript運算式計算的結果。 在運算式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一個成員函數中一樣。

由於ie對!important識別存在bug,而現在大部分網頁標準設計師又通過這個bug來相容ie和ff,但是ie7.0把這個bug給修複了,所以問題又出現了,怎麼相容ie.7.0的同時又能相容ie6.0和ff?正所謂"上有政策,下有對策",國外的網頁標準設計師通過使用css filter的辦法(並不是css hack)來相容ie7.0,ie6.0和ff,以下為我從國外網站的翻譯. 建立一個css樣式如下： #item { width: 200px; height: 200px;

不用 Javascript，使用純 CSS 方案，實作類別似的導覽列切換：CSS 的強大之處有的時候超乎我們的想象，Tab 切換，常規而言確實需要用到一定的指令碼才能實現。下面看看如何使用 CSS 完成同樣的事情。實現 Tab 切換的痛點在於如何使用 CSS 接收到使用者的點擊事情並對相關的節點進行操作。即是：如何接收點擊事件如何操作相關DOM下面看看如何使用兩種不同的方法實現需求： 法一：:target 偽類別選取器首先，我們要解決的問題是如何接收點擊事件，這裡第一種方法我們採用

CSS本身沒有直接提供變換HTML連結底線的功能，但只要運用一些技巧，我們還是可以讓單調的網頁連結底線變得豐富多彩。 　　一、基本原理 　　首先，自訂HTML連結底線的第一步是建立一個圖形，在水平方向重複放置這個圖形即形成底線效果。如果要顯示出底線背後的網頁背景，可以使用透明的.gif圖形。　　其次，如果底線圖形的高度較大，則必須適當增加文本的高度，使得一行文本的底部與下一行文本的頂部之間有較大的空間，例如p { line-height: 1.5;

先來看我一個簡單XHTML/HTML檔案代碼（部分），我們的目的是讓#container水平置中。 content Lorem?ipsum?dolor?sit?amet,?consectetuer?adipiscing?elit.Phasellus?varius?eleifend.使用自適應邊界（auto?margin）水平置中任意元素的首選辦法是使用邊界（margin）性質（property），並把左右之值設定為auto。但你必須為#container指定一個寬度。

css3中filter的各種特效css3中的filter屬性可以說是簡單易用且強大，這些效果作用在圖片上實現一些特效（也可以作用在vidio上，此處只討論圖片特效）。瀏覽器安全色性　　目前各大瀏覽器對於css3的相容已經非常好了，最新版本都可以支援css3，老版本的ie9以下的還是不支援，不過這不是重點，微軟都準備放棄這些老古董了。另外ie的濾鏡也是可以做到的，會另加討論。現在規範中支援的效果有：grayscale 灰階 值為0-1之間的小數 sepia 褐色　　　　

douban.com非常精巧的應用了div+css，並且通過色系的運用，最大限度減少圖片等等方式既使得網站頁面清新可人，而且可以最大限度的壓縮了網頁的大小，從而使得訪問的效率得到了最大化。

本文特意為你找來了一款CSS編輯利器——Topstyle，利用它你能輕鬆做出更有風格的網頁來！ 精彩、漂亮是每一個設計者在製作網頁時的不懈追求，而網頁的精彩幾乎都離不開CSS的強力“支撐”；CSS是一種為超文字標籤語言提供增強補充服務的技 術，可對每一個html的標籤做精雕細刻的修飾。活用CSS，將會使網頁更加生動活潑。不過，普通的網頁編輯工具在CSS方面，表現難能讓人滿意；為了充 分發揮CSS潛能，設計出更加美麗的網頁.　　最新版本：3.11　　檔案大小：3836KB　　 軟體性質：

瀏覽器的後退按鈕使得我們能夠方便地返回以前訪問過的頁面，它無疑非常有用。但有時候我們不得不關閉這個功能，以 防止使用者打亂預定的頁面訪問次序。本文介紹網路上可找到的各種禁用瀏覽器後退按鈕方案，分析它們各自的優缺點和適 用場合。 一、概述 　　 曾經有許多人問起，“怎樣才能‘禁用'瀏覽器的後退按鈕？”，或者“怎樣才能防止使用者點擊後退按鈕返回以前瀏 覽過的頁面？”在ASP論壇上，這個問題也是問得最多的問題之一。遺憾的是，答案非常簡單：我們無法禁用瀏覽器的後退 按鈕。 　　

這是我剛剛作的一個導航條，為了讓那四個LINK置中，我這樣作了，但作完後發現了很多的問題，寫出來和大家分享一下！ 首先我們先來看一下這個導航條！ test zishu 首 頁發布資訊我的客齊集幫 助 www.zishu.cn 子鼠 2006-09-11 淩晨 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]問題： 1、空格BUG出現我FIREFOX中，不知道為什麼，如果把LI分不寫在同一行，問題就出來了，你可以在上邊運行代碼中試一下！

1.怎樣定義網頁語言(字元集)? 在製作網頁過程中,你首先要定義網頁語言,以便訪問者瀏覽器自動化佈建語言,而我們用所見即所得 (WYSIWYG)的HTML工具時,都沒有注意到這個問題,因為它是預設設定。要設定的語言可以在HTML代碼狀態下找到: 把charset=gb2312改換成其它語言代碼即可,比如英文harset=en. 2.怎樣防止別人把你的網頁放到架構裡?

本翻譯並未得到作者或網站授權。一切權利都歸原作者及原網站所有。如果你得到原作者或原發表網站的授權，可以自由使用本翻譯。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

有三個版本的 XHTML 1.0，它們分別對應三個版本的 HTML 4.01： • XHTML 1.0 Transitional • XHTML 1.0 Strict • XHTML 1.0 Frameset XHTML 1.0 Transitional 包含 HTML 4.01 Transitional 中的全部標記和屬性。引入 XHTML 1.0 Transitional 標準的目的是，使現有 HTML 設計人員和開發人員無需經曆太多的痛苦就能遷移到

非常高興地看到很多設計師開始關注和嘗試使用web標準製作網頁。但從網友們的問題和製作中發現幾個問題，在這裡特別提醒一下：1.不是為了通過校正才標準化。web標準的本意是實現內容(結構)和表現分離，就是將樣式剝離出來放在單獨的css檔案中。這樣做的好處是可以分別處理內容和表現，也方便搜尋和內容的再利用。W3C校正僅僅是協助你檢查XHTML代碼的書寫是否規範，CSS的屬性是否都在CCS2的規範內。代碼的標準化僅僅是第一步，不是說通過的校正，我的網頁就標準化了。我們不是為了虛名，或者向別人炫耀：“看我

閑來無事，整理一些CSS文字效果，給初學者。下面做個例子吧，這都是最基本濾鏡的應用，其實兩種或幾種不同濾鏡的組合會獲得意想不到的效果，遇到問題自己多動手試試就OK了，當然要特別注意顏色的搭配，有時候用色不好是看不出效果的，配合背景圖片的應用也會有很好的效果的。因為太懶，所以沒有寫注釋也沒有寫什麼文法格式，自己看看吧！ 嘿嘿。（看不明白別罵我呀）

很簡單的導航條，放在這裡已方便以後用到；ie7/ie7/Firefox都測試過了；沒有問題； 複製代碼 代碼如下:*{ padding:0; margin:0; font-size:12px; line-height:1.7; font-family:Verdana, "宋體", Arial; list-style:none;} /*簡單定義了一下全域*/ a:link,a:visited{background:#FFF3C6 url(jaian.gif) no-repeat 15px 7px;

邊框屬性(border)用來設定一個元素的邊線。　　邊距屬性(margin)是用來設定一個元素所佔空間的邊緣到相鄰元素之間的距離。　　間隙屬性(padding)是用來設定元素內容到元素邊界的距離。　　這三個屬性都屬於CSS中box類型的屬性。　　下面這個，很形象地體現了三者之間的區別。這裡提供一張盒模型的3D，希望便於你的理解和記憶。

翻譯：Linyupark You can prepare yourself for XHTML by starting to write strict HTML.你可以開始通過書寫嚴格的HTML代碼來為你的XHML之行做好準備 --------------------------------------------------------------------------------How To Get Ready For XHTML如何為XHTML做準備呢？XHTML is the