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