寫CSS_關(guān)于Border你可能需要注意的地方第2/2頁
更新時間：2007年12月11日 21:48:39 作者：
恩,這下對了,正好放下.
所以說:
邊框是計算在width外邊的. 是這樣嗎? 我們接著看下邊的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果你是用IE; 那么你會看他們間隔小了很多,FIREFOX應(yīng)該和最開始的效果一樣沒有變化;
接著看最后一個效果:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這個里邊兩個小盒子都有邊框,在寬度沒有變的情況下,在IE中放下了. FIREFOX不會變的.
看代碼區(qū)別,我少加了:
程序代碼
<!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">
如果不加(完全沒有); 應(yīng)該是按html3.0執(zhí)行,這一點我不太確定。
程序代碼
轉(zhuǎn)一段：
DOCTYPE是document type(文檔類型)的簡寫，用來說明你用的XHTML或者HTML是什么版本。
其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文檔類型定義，里面包含了文檔的規(guī)則，瀏覽器就根據(jù)你定義的DTD來解釋你頁面的標(biāo)識，并展現(xiàn)出來。
寫出來就是友情提醒一下在寫CSS千萬把這個記住，如果頁面比較要求不是相相相當(dāng)?shù)膰?yán)格，計算時盡可能留出一點間隔來。這樣即使有1px的邊框，也不會對頁面造成嚴(yán)重影響，1px還好一些，如果是10px呢，你的頁面就完了。我比較傾向于:如果盒子有width就不要加padding,不加border是不太可能的。多套一兩層沒有人會笑話，這些可以避開很多的瀏覽器兼容的問題。
相關(guān)文章
不通過JavaScript實現(xiàn)的自動滾動視差效果
這篇文章介紹了一種通過CSS3實現(xiàn)的視差（Parallax）效果，這個效果通過在一個元素上疊加多個背景圖片，并使用-webkit- transition-屬性來實現(xiàn)。2009-04-04
Div CSS absolute與relative的區(qū)別小結(jié)
Div + CSS 進(jìn)行網(wǎng)頁布局，適當(dāng)?shù)剡\用 absolute 與 relative，能給布局帶來意想不到的效果和方便，達(dá)到事半功倍…本文介紹了關(guān)于 absolute 與 relative 的運用。2007-12-12
不用javascript實現(xiàn)帶序號的表格隔行換色的效果
這篇文章使用css實現(xiàn)隔行換色的方法，需要的朋友可以參考一下2007-11-11
用js實現(xiàn)的DIV+CSS編輯器代碼...2007-03-03
模仿combox(select)控件，不用為美化select煩惱了。
模仿combox(select)控件，不用為美化select煩惱了。...2006-12-12
學(xué)習(xí)小實例--滾動條的簡單實現(xiàn)
下面小編就為大家?guī)硪黄獙W(xué)習(xí)小實例--滾動條的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
2008-01-01
推薦徹底弄懂CSS盒子模式(DIV布局快速入門)...2007-03-03
在做前端項目時CSS的水平居中我們經(jīng)常使用，但有時還會用到CSS垂直居中，對于小白來說這個就有些難度了，下面看一下我是如何實現(xiàn)的2020-01-01
CSS3是現(xiàn)代Web開發(fā)中不可缺少的技術(shù),提供豐富視覺效果和布局能力,CSS3引入新選擇器、媒體查詢、漸變、陰影、過渡和動畫等特性,支持響應(yīng)式設(shè)計和用戶體驗優(yōu)化,兼容性和性能仍是挑戰(zhàn),未來將結(jié)合JavaScript實現(xiàn)更互動的效果2024-11-11