• Web Developer插件 Information工具教程

        2012-07-15
        Web Developer插件的Information工具是一個包羅很多實用功能的地方,有些東西對于我們CSS網(wǎng)頁布局設計顯得非常有用。Information工具提供的功能非常多,我們僅挑一些CSS網(wǎng)頁布局設計中常用的功能加以介紹。該工具菜單如下圖: 1、Display Blocks Size 顯示塊元素對象的
      • DIV CSS布局中如何組織樣式表以便于維護

        2012-07-15
        對于簡單的Web站點,可以只使用一個CSS文件。對于大型的復雜站點,對樣式表進行分割以便簡化維護是一種好做法。如何分割樣式表是需要仔細考慮的。我一般用一個CSS文件處理基本布局,用另一個文件處理版式和設計修飾。這樣的話,在布局確定之后,就很少需要修改布局樣式
      • CSS三列浮動中間列寬度自適應

        2012-07-01
        使用浮動定位方式,從一列到多列的固定寬度及自適應,基本上可以簡單完成,包括三列的固定寬度。而在這里給我們提出了一個新的要求,希望有一個三列式布局,其中左欄要求固定寬度,并居左顯示,右欄要求固定寬度并居右顯示,而中間欄需要在左欄和右欄的中間,根據(jù)左右
      • CSS帶當前標識的標簽式橫向導航

        2012-07-01
        當前標識指用戶點擊該頻道或欄目,該欄目的標簽呈現(xiàn)出與其他標簽不同的顏色用以提示用戶所處的位置。 這種設計是網(wǎng)站設計中相當簡單而且是相當經(jīng)典的一種增進網(wǎng)站可用性的方式。網(wǎng)站讓用戶使用時是應該考慮到用戶瀏覽的思考過程,糟糕的網(wǎng)頁設計只顧及頁面本身而不去考
      • DIVCSS二列固定寬度

        2012-07-01
        有了一列固定寬度作為基礎,二列固定寬度就非常簡單,我們知道div用于對某一個區(qū)域的標識,而二列的布局,自然需要用到兩個div,XHTML代碼如下: div id=left左列/div div id=right右列/div 新的代碼結構中使用了兩個id,分別為left和right,表示兩個div的名稱,我們所
      • IE6下兩個層中間有間隙的解決方法

        2012-07-01
        本文來源與模板無憂_www.wf0088.com span!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd meta http-equiv=Content-Type content=text/html; charset=gb2312 / style type=text/css !-- .left { float:left;
      • firefox下父容器高度不能自適應的解決方法

        2012-07-01
        本文來源與模板無憂_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
      • FF下面不能水平居中的原因及解決方法

        2012-07-01
        本文來源與模板無憂_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
      • FF下文本無法撐開容器的高度的原因及解決方法

        2012-07-01
        本文來源與模板無憂_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
      • visibility:hidden和display:none的區(qū)別和用法

        2012-07-01
        大家知道,如果想讓某一段代碼在前臺不顯示,最簡單的方法是用css的display:none即可,這樣下邊的內(nèi)容就自動上移或右側的左移來填補這個空隙。 但特殊情況下我們只需要隱藏這個元素,但它的位置不能被占了,那該怎么實現(xiàn)呢。 突然發(fā)現(xiàn)css還有一個visibility屬性,用 vi
      • float和position屬性的區(qū)別和使用方法

        2012-06-30
        float和position屬性的區(qū)別和使用方法?今天找了篇文章,講的比較通俗易懂,供大家參考 postion:relative是子塊級元素面向父級元素的相對定位,定位關鍵字使用left/right/top/bottom。兄弟塊元素之間相對進行定位,但是position移動后,原位置依然保留。而且隨后的兄弟
      • IE6圖片下方空隙的產(chǎn)生原因及解決方法

        2012-06-30
        本文來源與模板無憂_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-30
        CSS縱向導航菜單縱向導航菜單也是網(wǎng)站應用中的一種重要形式,所謂縱向導航菜單是指放置在網(wǎng)頁左側或右側的從上至下排列的一種導航形式。先看一下效果吧! 如圖所示的效果,我們先看一下代碼結構: div id=nav h1CSS/h1 h2a href=#css入門/a/h2 h2a href=#css進階/a/h2
      • 如何垂直居中對齊文本與輸入框

        2012-06-30
        本文來源與模板無憂_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
      • list-style-image無法準確定位的問題

        2012-06-28
        本文來源與模板無憂_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
      • 為什么無法定義高度為1px左右的容器

        2012-06-28
        本文來源與模板無憂_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-28
        學完了上節(jié)教程,我想對于這于這節(jié)的學習就容易得多了。 橫向菜單是通過div及JavaSprict實現(xiàn)下拉控制,縱向菜單呢?答案是肯定的。我們現(xiàn)在要做的就是一個縱向菜單,css代碼: ul { margin:0; padding:0; list-style:none; width:120px; border-bottom:1px solid #ccc;
      • DIVCSS中id于class的區(qū)別詳解

        2012-06-28
        本文來源與模板無憂_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-28
        本文來源與模板無憂_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
      • DIV高度自適應的實例代碼!

        2012-06-21
        問題:一個DIV的最小高度是400PX,當內(nèi)容高度不足400PX時,其高度設置為400PX, 當內(nèi)容高度大于400PX, 則按實際高度伸展。 IE6和FIREFOX都要有效! 答案: .a{height:400px;height:auto;min-height:400px;width:500px;} 本文來源與模板無憂_www.wf0088.com !DOCTYPE html PUB
      共18頁/351條記錄首頁上頁1234567下頁末頁