-
overflow解決float浮動后高度自適應問題
2012-08-06也許你在做網頁的時候發現，發一個區塊內的元素被應用了float之后，那么整個box的高度對就不以被浮動對象的高度為標準了。 如圖中的城市導航內的城市列表中采用了float之后，那個外框的高度并不是內容元素的高度： 怎么解決這個問題呢？經發現可以采用overflow來解決！ -
純CSS Lightbox效果
2012-08-06網絡上有很多js版本的lightbox效果介紹。不過都下載一個lightbox的js小則幾十K，大則上百K。如果你只是需要一個類似Lightbox的效果，這種百分之百純CSS制造，不含js的辦法到可以試試。原理很簡單，看看就應該民明白了。 本文來源與模板無憂_m.ghpqjb.com !DOCTYPE html -
網頁圖片如何選擇使用GIF格式或JPG格式
2012-08-06網頁設計中，保證圖片清晰的前提下，圖片越小越好。因為這樣可以減少帶寬占用，加快網頁打開速度。尤其對于門戶網站和訪問量很高的網站，如果圖片都能比原來小10K的話，那么節省的帶寬相當明顯。那么就要求設計師在制作或生成圖像時，選擇合適的格式和質量，盡量把圖片 -
dreamweaver套用源格式，將混亂無序的代碼變得整潔
2012-08-06不知你是否注意到dreamweaver的 套用源格式 功能，這個功能可以將混亂的代碼格式套用成標準的DOM模型的整潔結構。 比如當我們在制作網頁時，有時手寫代碼會使用代碼的結構變得混亂，不利于修改和維護，利用 套用源格式 的功能，可以讓HTML代碼和CSS變得整潔有序，遺憾 -
IE6下絕對定位的容器內文本無法正常選擇的問題
2012-08-06本文來源與模板無憂_m.ghpqjb.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 -
IE6的雙倍邊距BUG
2012-08-06本文來源與模板無憂_m.ghpqjb.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-08-06本文來源與模板無憂_m.ghpqjb.com !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 HEAD TITLE隨滾動條移動的層 - m.ghpqjb.com/TITLE META HTTP-EQU -
用css制作的導航菜單
2012-08-06以前發過一個演示，下拉及多級彈出式菜單僅供學習之用，實際應用中還存在些問題，被會員kl521516發現當下拉菜單下有內容時會把內容擠跑，小A改成了絕對定位的方式，雖然可以解決擠跑的問題，但在IE6下新的問題又出現了，就是下拉菜單下邊的選不中，本人對JS不太熟悉， -
CSS 連接后面的問號 表示什么意思,有什么作用?
2012-08-06舉例來說: link rel = stylesheet href = http://static.ak.facebook.com/css/actionspro.css?44:72882 type = text/css / facebook上的css連接后面都跟了個參數.. 這是表示什么意思呢? 可以看成是css的一個版本號，如果css改動過，擔心瀏覽器本地css文件沒有及時更新 -
Web Developer插件概要
2012-08-06Web Developer 插件以工具欄的形式對網頁的(X)HTML、腳本、多媒體、CSS、緩存、圖象等多方面的實用工具。使我們能輕易的獲得網頁的更多信息，使我們進一步的了解當前所瀏覽的網頁。 在Web Developer 插件工具欄中，主要由以下幾個部分組成：Disable、Cookies、CSS、For -
CSS模塊化思想 有效管理CSS樣式
2012-08-06關于模塊CSS的劃分，我比較喜歡類似wordpress中的css劃分方式，一般情況下通過類似下列結構劃分： 示例代碼 [m.ghpqjb.com] layout.css /* 整站布局 */ public.css /* 公用組合樣式 */ header.css /* 頁面頭部區域樣式 */ sidebar.css /* 側邊欄區域樣式 */ -
CSS基礎知識
2012-08-06一、可設置的CSS屬性包括：字體屬性、文本屬性、顏色及背景屬性、邊框屬性、容器屬性（邊距屬性、填充屬性）、分類屬性、鼠標屬性。 二、基礎屬性 字體屬性：font-family font-style font-variant font-weight font-size 文本屬性：word-spacing letter-spac -
DivCSS布局擴展技巧和用法
2012-08-06CSS網頁布局開發中，會有很多小技巧，這之類相關的文章在Mb5u.com有許多介紹，這里再擴展一下您所想要得到的知識，相信您會有很多收獲！ 一、ul標簽在Mozilla中默認是有padding值的，而在IE中只有margin有值。 二、同一個的class選擇符可以在一個文檔中重復 -
DivCSS中四種控制換行的屬性
2012-08-06在進行DivCSS布局時，需要對文本進行控制，我們在Mb5u.com以前的文章中，也講過這方面的知識，今天系統的向大家介紹一下。CSS中控制換行的四種屬性。 一、white-space 可以實現HTML中PRE標簽的效果，以及單元格的noWrap效果，點此查看示例。 示例代碼 [www.M -
CSS網頁布局中文排版心得
2012-07-24CSS網頁布局中文排版有別于國外所介紹的英文排版，由于漢字的特殊性，所以有一些地方是需要大家注意的。今天Mb5u.com的這個文章或許對大家對排版的控制有所幫助。 一、如何設定文字字體、顏色、大小 — 使用font font-style設定斜體，比如font-style: italic -
table建站,XHTML建站和DIV建站的不同
2012-07-24最近有客戶問到table建站、DIV建站以及XHTML建站的區別，其實這也是國內網站建設逐步走向成熟的標志。網站建設，簡單的來說，就是這個人長的怎么樣和這個人內心怎么樣。一部分是外觀所展示出來的視覺效果、另一部分是藏在里面的代碼元素。 我們先來舉一個簡單的例子， -
CSS左列固定，右列寬度自適應
2012-07-24在實際應用中，有時候需要左欄固定寬度，右欄根據瀏覽器窗口大小自動適應，在CSS中實現這樣的布局方式是簡單可行的，只需在設置左欄的寬度即可，如上例中左右欄都采用了百分比實現了寬度自適應，而我們只需要將左欄寬度設定為固定值，右欄不設置任何寬度值，并且右欄不 -
CSS二列寬度自適應
2012-07-24從二列固定寬度入手，開始嘗試二列布局的情況下，左右欄寬度能夠做到自適應，從一列自適應布局中我們知道，設定自適應主要通過寬度的百分比值設置，因此在二列寬度自適應的布局中也同樣是對百分比寬度值的設計，繼續上面的CSS代碼，我們得新定義二列的寬度值： #left { -
定義的css樣式沒有作用呢
2012-07-15本文來源與模板無憂_m.ghpqjb.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-07-15網站導航是網站中最重要的元素，是網站提供給用戶的最直接最方便的訪問網站內容的工具。網站導航從形式上主要由橫向導航、縱向導航、下拉及多級菜單導航等三種形式。 橫向導航 作為門戶網站的設計而言，主導航一般采用橫向導航。由于門戶網站下方文字較多，且每個頻道
- 相關鏈接：
- 欄目說明：
div+css教程:提供全面的div+css教程,div+css布局實例,遇到DIV CSS的難題,可到群29061111提問！