-
帶當前樣式的橫向標簽式導航圖片美化版
2012-06-21雖然完成了標簽式導航，但是廣場狀的導航似乎并不能夠順應現在的設計潮流，其實導航不僅可以使用css的顏色來定義，同樣可以采用精心設計的圖片或其它元素來構建導航，在這里我們將開始改善導航的設計，使它成為更加出色的標簽效果。 我們將考慮去掉單一的方塊狀背景元 -
超鏈接訪問過后hover樣式就不出現的問題
2012-06-21本文來源與模板無憂_www.wf0088.com !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=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
CSS選擇符詳解
2012-06-18一、類型選擇符 什么是類型選擇符？指以網頁中已有的標簽類型作為名稱的行徑符。body是網頁中的一個標簽類型，div,p,span都是。 如下： body {} div {} p {} span {} 二、群組選擇符 對于XHMTL對象，可以對一組同時進行了相同的樣式指派。 使用逗號對選擇符進行了分隔 -
CSS一列自適應寬度
2012-06-18自適應布局是網頁設計中常見的布局形式，自適應的布局能夠根據瀏覽器窗口的大小，自動改變其寬度和高度值，是一種非常靈活的布局形式，良好的自適應布局網站對不同分辨率的顯示器都能提供最好的顯示效果。實際上div默認狀態的占據整行的空間，便是寬度為100%的自適應布 -
CSS一列固定寬度居中
2012-06-18頁面整體居中是網頁設計中最普遍應用的形式，在傳統表格布局中，我們使用表格的align=center屬性來實現。div本身也支持align=center屬性，也可以讓div呈現居中狀態，但css布局是為了實現表現和內容的分離，而align對齊屬性是一種樣式代碼，書寫在XHTML的div屬性之中， -
CSS一列固定寬度
2012-06-18本系列教程為入門級教程，適合初學者學習，由最簡單的知識一點一點進階。主要以實例為主，很少部分理論，這樣更適應初學者快速掌握。因本人也正在學習，難免有一些錯誤或疏漏地方，望各位給予指正。本教程參考《CSS網站布局實錄》一書，在此向作者表示感謝。 要想學好D -
css十大密技
2012-06-181.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 -
CSS BUG 順口溜,輕松記住IE6常見BUG
2012-06-17在進行CSS網頁布局時遇到BUG，請認真閱讀以下內容，非常容易記憶的，不知道哪位高人把CSS BUG編成了順口溜了！看看好不好記住呢？ 一、IE邊框若顯若無，須注意，定是高度設置已忘記； 二、浮動產生有緣故，若要父層包含住，緊跟浮動要清除，容器自然顯其中； -
CSS網頁布局時常犯的幾種小錯誤
2012-06-17CSS網頁布局時常犯的幾種小錯誤： 1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記 即使是老手也經常會弄錯div的嵌套關系�？梢杂胐reamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否書寫正確 檢查一下有無拼寫錯誤、是否忘記結尾的 } 等�？梢岳肅l -
IE對CSS的渲染引擎hasLayout
2012-06-17haslayout 是Windows Internet Explorer渲染引擎的一個內部組成部分。在InternetExplorer中，一個元素要么自己對自身的內容進行計算大小和組織，要么依賴于父元素來計算尺寸和組織內容。為了調節這兩個不同的概念，渲染引擎采用了 hasLayout 的屬性，屬性值 -
css中class和id的區別及使用規則
2012-06-17在Mb5u.com前面的文章里討論過很多DIVCSS布局的技巧。 在用CSS來控制網頁布局時我們可能都會遇到一個問題：當定義一個屬性時，是使用id，還是使用class? 今天Mb5u.com再談id與class的使用原則，把自己平時做站時的經驗給大家簡要講述一下，希望能夠對您有所幫助。 id的 -
網頁中表單常見問題解決辦法
2012-06-15最先起草本文時，命的名字叫：談談網頁布局中表單元素的幾宗罪接下來的內容如下： 當您看到這個標題時，可能會覺得有點夸大其詞了吧！表單為我們和服務器交互提供了很好的接口，怎么說是有罪呢？ 當然，表單的強大功能我們不可否認，但它在布局上的棘手問題也是讓許多 -
用server.transfer隱藏網頁真實地址
2012-06-15經常在網站上看到諸如www.abc.com/?news或者www.abc.com/?id=123這樣的網址，一開始覺得很神秘，其實現在看多了，用得多了，也覺得沒那以多深奧的技術，就是用一些最簡單的方法就能實現，以asp為例，用好server.transfer這個方法就可以實現以上的功能了。 假設地址是ww -
IE斷頭臺的解決辦法
2012-06-15斷頭臺問題(IE/Win Guillotine bug)是國外的css設計者給這個問題起的一個非常形象的名字，就如同斷頭臺一樣，對象被無情的切斷了一部分，不過與之相反的是，斷頭臺問題中的對象切斷的不是對象的頭部，而是對象的底部。xhtml編碼(演示)： div id=layout div id=left str -
firefox下使連續長字段自動換行
2012-06-15本文來源與模板無憂_www.wf0088.com !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=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
使一個層垂直居中于瀏覽器
2012-06-14本文來源與模板無憂_www.wf0088.com !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=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
divcss三列橫向排列實例代碼
2012-06-14本文來源與模板無憂_www.wf0088.com !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=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
margin在垂直取值時取最大值
2012-06-14margin在垂直取值的時候是重疊的，如果上下盒模型分別都有margin，那么取較大值。這一點是值得大家注意的了，平時如果在上下兩個容器都設置了margin時，注意垂直取值時并不是兩個值相加，而是取較大值。請看下面的例子： 本文來源與模板無憂_www.wf0088.com !DOCTYPE htm -
四種CSS樣式的調用方法
2012-06-14一、使用STYLE屬性： 將STYLE屬性直接加在個別的元件標簽里。 元件(標簽) STYLE=性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...} 例如： TD STYLE=COLOR:BLUE; font-size:9pt; font-family:標楷體; line-height:150% 這種用法的優點 是可靈巧應用樣式於各標簽中，但 -
DIV元素和SPAN元素的區別和應用
2012-06-14首先講兩個概念，一個是行內元素，一個是塊級元素。行內元素是指該元素標記的內容不不會對現在的結構造成影響，屬于應用樣式，輔助應用樣式表等作用；而塊級元素為一個塊狀，單獨占據一行，相當于在一個該元素前后各加一個換行。 兩者最明顯的區別是： DIV(division)
- 相關鏈接：
- 欄目說明：
div+css教程:提供全面的div+css教程,div+css布局實例,遇到DIV CSS的難題,可到群29061111提問！