CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow

background-position:| [percentage | length]{1,2}|[top | center | bottom]| [left | center | right] www.86oo.combackground-position:[percentage | length]是用X(橫座標)y(縱座標)定義,如background-position: 20px 40px; http://www.86oo.combackground-position:[top |

剛剛碰到一個詭異的問題，這樣一段CSS代碼：background:url(images/bg/bg1.gif) no-repeat;這段代碼居然不能顯示出背景圖片，倒塌。。。代碼肯定沒有問題，即便我沒有對背景圖片定位，這裡暫不考慮，因為我這裡不存在這個問題。。。於是乎，搜尋了一下Google，發現有這個問題的人還真不少。。。但是真正指出問題所在的資訊並不多。。。真正的問題在哪？在url(imagepath)裡的這個imagepath，原來它是相對於.css檔案這個目錄，而不是調用css檔案所在檔

CSS對瀏覽器的相容性有時讓人很頭疼，或許當你瞭解當中的技巧跟原理，就會覺得也不是難事，從網上收集了IE7,6與Fireofx的相容性處理技巧並整理了一下。對於web2.0的過度，請盡量用xhtml格式寫代碼，而且DOCTYPE 影響 CSS 處理，作為W3C的標準，一定要加 DOCTYPE聲明。CSS技巧1.div的垂直置中問題vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px;

第二章 HTML基礎 本章要點HTML代碼的結構HTML網頁的構成目錄：2.1  HTML代碼的結構 2.2  HTML網頁的構成 2.3 HTML網頁的瀏覽與測試2.4 綜合執行個體2.1  HTML代碼的結構1.HTML代碼的組成

 第九章 建立表單 本章要點常用表單標記的意義及使用表單布局標記的意義及使用目錄：9.1 表單的作用9.2 表單標記9.3 表單布局標記9.1  表單的作用 HTML中的表單(form)是網頁中最常用的組件，是網站伺服器端與客戶端之間溝通的橋樑。表單在網上隨處可見，它們被用於在登入頁面輸入使用者名稱和密碼，對部落格進行評論等。9.2  表單標記 1.form 可用<form>標記來定義一個表單，當一個表單被定義後就可在表單內放置表單標記。表單使用<form>作為開始標記，

Posted in CSS+xhtml on 06/08/2009 12:32:57 | 轉載請註明：出自 崔凱的部落格 論壇上提到這樣的問題：“css中用一張背景圖做頁面的技術有什麼優勢？”簡單介紹一下 CSS Sprites 的優點：當使用者往隨身碟中拷200張圖片，會等很久。但是如果弄成一個檔案，再拷貝就會快很多。CSS Sprites

使用CSS來定位頁面內層的位置，一直是比較難以掌握的事情，很多時候，往往被絕對位置的元素，總是以瀏覽器的左上方為座標原點，此時，如果瀏覽器的大小改變，被定義的層就會偏離設計想要的位置，讓人很撓頭。 　　其實，要想控制好層的絕對位置，只要理解CSS中關於定位（position）的定義，一切就會變得輕鬆簡單。 　　CSS中關於定位（position）是這樣定義的：

在網頁設計中，table用height:100%是可以整屏的，但需要在網頁頭部增加: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

一種在用戶端解決 其實解決方案很簡單。用IE8瀏覽器開啟你的網站，如果發現錯位問題，請不用驚慌。在功能表列上，開啟“工具”選項，在下拉式功能表裡找到“相容性檢視”，勾選上，你再看，是不是網站沒再錯位了。 二網站本身解決 IE8對margin:0 auto;這個CSS好像不再有用了，頁面不能置中啦，下午回來再看看有什麼辦法置中，太平洋的前端也說他們公司無視IE8的存在，測試還是以前的版本。 原因找到啦，我把margin:0

　　SPAN 和 DIV 的區別在於，DIV(division)是一個區塊層級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備忘等。而SPAN 是行內元素，SPAN

導覽列是網頁中常用的模組，有很多方法可以實現，下面是用css實現的方法：　     <div id="menu">　　　<ul>　　　　<li><a href="#">首頁</a></li>　　　　<li class="menuDiv"></li>　　　　<li><a href="#">部落格</a></li>　　　　<li

CSS布局參考 IE的If條件注釋使用備忘 <!--[if !IE]><!--> 除IE外都可識別 <!--<![endif]--><!--[if IE]> 所有的IE可識別 <![endif]--><!--[if IE 5.0]> 只有IE5.0可以識別 <![endif]--><!--[if IE 5]> 僅IE5.0與IE5.5可以識別 <![endif]--><!--[

CSS 偽類（pseudoclass）能夠讓你為連結的每個狀態（連結<link>、已訪問<visited>、懸停<hover>、啟用<active>）建立獨立的樣式。建立斜面邊緣效果要使一個按鈕具有3D斜面邊緣效果，需要類比一個光源，以在一個凸起按鈕的邊緣建立加亮區和陰影區。如果光源在上面稍微偏向按鈕的左邊，那麼按鈕的頂部和左側就會比按鈕表面更亮，而底部和右側就會比按鈕表面更暗。所以，建立立體效果的秘密是使用 CSS

此樣式表用於修改頁面菜單的顯示樣式 body { }div.AspNet-TreeView {margin: 2px 0px 20px 0px;padding: 0;} div.AspNet-TreeView ul { list-style: none; margin: 0px 0px 0px -20px; padding: 0;} .AspNet-TreeView-Show { } .AspNet-TreeView-Hide {

這是在網上看到的一篇文章，很適合入門div＋css布局的人看，轉了過來收藏，hoho～～你正在學習CSS布局嗎？是不是還不能完全掌握純CSS布局？通常有兩種情況阻礙你的學習：第一種可能是你還沒有理解CSS處理頁面的原理。在你考慮你的頁面整體表現效果前，你應當先考慮內容的語義和結構，然後再針對語義、結構添加CSS。這篇文章將告訴你應該怎樣把HTML結構化。另一種原因是你對那些非常熟悉的表現層屬性(例如：cellpadding,、hspace、align="left"等等)束手無策，不知道該轉換成對

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">//這個一定要加 因為ie8 xhtml4.0不支援fixed 如果第一個層高度超過瀏覽器高度 也就是有捲軸 imgdiv是不隨捲軸滾動而滾動，它一直都在那裡<body id="gn"

原文章地址：http://topic.csdn.net/u/20110708/09/113a8425-006b-4c8d-9f9d-101010d1393d.html這是我總結多年的一個小文檔，主要內容是Javascript和CSS瀏覽器安全色總結，最近看見有人諮詢瀏覽器安全色的問題，就貢獻出來。並不一定全，有的也可能不準確，比如新出的IE8、Chrome等都沒有太多涉及，雖然最近做的一些項目也相容了IE8、Chrome等，但都沒來的及總結進去，後來就忘了…汗。大家一起慢慢完善吧。javascr

　　CSS 允許應用純色（background-color）作為背景，也允許使用背景映像（background-image）建立相當複雜的效果。CSS 在這方面的能力遠遠在 HTML 之上。一、背景顏色 　　可以使用 background-color 屬性為元素設定背景色。這個屬性接受任何合法的顏色值。可以為所有元素設定背景色，這包括 body 一直到 em 和 a 等行內元素。比如下面這條規則把<p></p>元素的背景設定為灰色：p {background-color:

文章目錄 More Info onestab 關閉了，希望不是永久的。還好做了鏡像，收下幾篇值得收藏的文章。CSS 錦囊最後更新：2004.03.05 翻譯：onestab [2004.03.09] 原文：mezzoblue CSS Crib Sheet