CSS

前言：　　現在都講究標準建站，而標準建站使用的技術主要是XHTML+CSS，而現在我們普遍使用的是HTML代碼，那麼我該如何轉換呢？以及HTML和XHTML有什麼不同呢？在這個教程裡，你將學到HTML和XHTML之間的不同，以及如何將HTML轉換為XHTML。畢竟XHTML是發展的方向，所以我覺得該教程有必要在本站上發布。我感覺要是你想使用標準還是最好先學HTML，因為比較簡單，然後再來看該教程。同時這也是我曾發表過的WEB標準 XHTML&CSS的延續。　　XHTML介紹：　　XHTML是

Click on a link above to make the image disappear and re-appear by gradually fading in/out. It uses CSS transparency, in CSS you can set the transparency in different ways. To ensure that it works on most browsers we use all three. opacity: 0.5;

我們知道Dreamweaver在表格製作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css文法整理出來，然後另外介紹怎樣用css美化表格的邊框。 　　有關表格邊框的css文法 　　具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標籤等。 　　 1.上邊框寬度 　　文法: border-top-width: 　　允許值: thin |

先請看如下代碼：複製代碼 代碼如下:filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支援CSS3的瀏覽器（FF 1.5也支援）*/ 簡單解釋，IE使用私人屬性filter:alpha(opacity)，Moz Family使用私人屬性-moz-opacity，而標準的屬性是opacity（CSS 3, Moz

數月來學習web標準，並遵循標準設計和製作web頁面。一直想寫點什麼，整理一下自己的心得體會。寫這篇文章，主要是針對中文排版設計，英文排版因為很少做，所以不涉及。 先介紹如何設定字型、顏色、大小、段落空白等比較簡單的應用，後面再介紹下比如首字下沉、首行縮排。最後講一些常用的web頁面中文排版，比如中文字的截斷、固定寬度詞內折行（word-wrap和word-break）等等。因為只是寫一些應用方面的心得，如果需要完整的CSS屬性介紹，請參考CSS手冊。 1、如何設定文字字型、顏色、大小 ——

單行單列單行單列1：採用float浮在左上方，固定寬度。 #content { float: left; padding: 10px; margin: 20px; background: #FFF; border: 5px solid #666; width: 400px; /* ie5win fudge begins */ voice-family: "\\"}\\""; voice-family:inherit; width: 370px; }html>body #content {

前幾天做自適應Skin的時候瞭解了一下塊(block)的含義。發現了這樣的一個問題。 SPAN元素和DIV元素有什麼區別 解決思路： 最明顯的區別是：DIV是塊元素，SPAN是內嵌元素。塊元素相當於內嵌元素在前後各加一個換行。其實，塊元素和行內元素也不是一成不變的，只要給塊元素定義display:inline，塊元素就成了內嵌元素，同樣地，給內嵌元素定義了display: block就成了塊元素了。 具體步驟： div1div2 span1span2 div3 div4 span3

工作原理#wrapper必須觸發hasLayout,不然有時裡面的內容會浮得怪怪的，我直接用float的，可以用其他方式。其實如果只是要做到這個例子要的效果連#wrapper都可以不要。#left定義100%寬度並利用margin:0 0 0 -200px把左邊整塊放在位移入左邊200px處，再利用#innerLeft的margin:0 0 0

IE7 修複了很多 bug，也增加了對一些選擇符的支援，所以現在諸如 *html {} 和 html＞body {} 等針對 IE 隱藏或顯示的 hack 都會在 IE7 中失效。雖然 CSS Hack 不推薦使用，條件注釋才是萬無一失的過濾器，但是條件注釋只能出現在 HTML 中，CSS Hack 還是有用武之地的。Nanobot 發現了一些針對 IE7 的 CSS Hack，具體就是：＞bodyhtml**+html這三種寫法，其中前兩種都是不合法的 CSS

翻譯：onestab [2004.03.09]原文：mezzoblue CSS Crib Sheet在使用CSS建站時，您肯定遇到過形形色色的布局問題，最後可能被搞得焦頭爛額。本文的目的是讓您的設計過程更為容易，當您遇到困難時為您提供快速參考。如果您有所補充，請在這裡發表您的意見.本文的其他語言版：法語, 德語, 西班牙語 和 匈牙利語。 歡迎提供其他翻譯。有疑問，先驗證 在調試時，先對您的代碼進行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會導致許多布局上的錯誤。

這是一個未知大小的圖片在一個已知大小容器中的水平和垂直置中的例子，原文標題：“Centering an image of unknown size in an outer container of known size”， 作者：Stu Nicholls form：http://www.cssplay.co.uk/menu/centered.html ，發表日期：15th October

播放器 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

★HTTP-EQUIV 　　HTTP-EQUIV類似於HTTP的頭部協議，它回應給瀏覽器一些有用的資訊，以協助正確和精確地顯示網頁內容。常用的HTTP-EQUIV類型有： 　　1、Content-Type和Content-Language (顯示字元集的設定) 　　說明：設定頁面使用的字元集，用以說明首頁製作所使用的文字已經語言，瀏覽器會根據此來調用相應的字元集顯示page內容。 　　用法： 　　　　　　

The IE Doubled Float-Margin Bug IEBug--浮動物件外補丁的雙倍距離 先看以下代碼： #box{ background: ThreedFace; width: 500px; height: 400px; } #box1{ float: left; background: #F2F2F2; width: 300px; height: 200px; margin-left: 50px;

由於自己網站的首頁用了透明Flash。在IE核心的瀏覽器顯示一切正常。可到了Firefox裡面就沒有了透明效果，特別是有些網站用的是全頁面的透明Flash這樣滑鼠不能穿透，真就傷腦筋了。今天特地到Firefox社區去尋找答案去了。結果是我們的代碼不標準，還好我用的Flash不多。趕緊改了試試。[sleepy]問題解決。 原來要在Embed標籤下加上wmode="transparent”這個屬性。 相關代碼如下： 程式碼 複製代碼 代碼如下: 

關閉XP系統主題在IE中的顯示 如果開發環境是XP系統,IE中的input標籤會和XP系統主題相符合,影響了外觀的統一,採用下列方法可以關閉. 添加下列 中繼標籤，可以選擇使得您的 HTML 內容對於某些元素（如按鈕和捲軸）不採用與該作業系統相同的外觀： 關閉IE的映像工具列 IE的映像工具列有時候很討厭,在MSDN上無意中發現了關閉方法 映像工具列可以通過 meta 標記 來禁用，也可以通過對 IMG 標記元素設定屬性 GALLERYIMG="no" 來禁用。 

在IE7以下版本一直是不支援無A狀態偽類的，通常都要靠Javascript來解決的，最近經常有人問起此類問題，故整理了幾種方法，指令碼來自國外網站，供大家參考。 方法一 javascript檔案，來自Htmldog . 複製代碼 代碼如下:function suckerfish(type, tag, parentId) { if (window.attachEvent) { window.attachEvent("onload", function() {

在IE7之前,我們在布局時常用!important來解決IE和FF之間的差別; 但是在IE7出來之後,!important對IE7就不起作用了,而有些時候IE7的解釋方法又與FF和IE6不同;這時新的問題就出現了;用!important可以解決IE6但是解決不了IE7; 這樣在不同的瀏覽器中看到的同一個網頁的效果就不同了; 這是前天作布局時的一個問題;可以先看一下效果;http://www.zishu.cn/blogview.asp?logID=553

剛剛在一個頁面上用到了position:absolute; 這樣的代碼在IE7和FIREFOX都不會有問題，但是在IE6以下的會不支援； 這是一個測試 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]於是針對IE6我又加了一個 這下可以了； 這是一個測試 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]但是hr我不想在頁面上出現；於是加了一個b 這是一個測試 [Ctrl+A 全選

這個例子是用JS指令碼控制並列DIV的高度,通常在DIV布局中,自適應高度一直是比較頭疼的問題,一般大都採用背景圖、外套DIV、右欄覆蓋左欄......來解決。現在加了指令碼後，簡單多了，假如有三個水平並列的DIV，fbox、mbox、 sbox,只要在標籤中寫入：onload="P7_equalCols('fbox','mbox','sbox')"，測試條件：ie5.x、ie6.0、FF1.03、NS7.2、opera8.01。最終效果。 JS代碼:著作權歸原作者 ,僅供學習研究. 複製代碼