div+css的网页排版技巧
1,ul:默认的【de】ul的【de】margin和🆘padding不是👇0,如果在导航中用到了左浮动的【de】li,往往会把外部【bǎ wài bù】😾的【de】div撑大,导致页【dǎo zhì yè】🐴面变形【miàn biàn xíng】,改成📋: ulmargin
2、img:1、这里牵涉的【de】不同浏览器的【de】问🌑题,ie6里显示的【de】图片👎height总是要🏘大于准【dà yú zhǔn】确值,这里就需要我们记住【men jì zhù】👙下面这👺一点 img{ display:block};2、页面中👉最好不【zuì hǎo bú】🈚要用【yòng】😢大块背【dà kuài bèi】景,能平铺🛢的【de】要平铺🛢,否则加载起来💁会很慢【huì hěn màn】🈷,也不利【yě bú lì】于以后【yú yǐ hòu】的【de】
优化和🛡扩展【kuò zhǎn】,当然也🔌有些大的【de】网站,现在【zài】都尽量把【jìn liàng bǎ】背景统【bèi jǐng tǒng】一放到【yī fàng dào】一张图【yī zhāng tú】片上🌂,用【yòng】😢background-postion来取得背景。3、最好的【de】格式【gé shì】🈸就是gif格式【gé shì】🈸,即确保了背景🖐透明🦐,在【zài】ie6中又不会有阴【huì yǒu yīn】影🖕,有时gif图片会【tú piàn huì】有锯齿【yǒu jù chǐ】,这就需【zhè jiù xū】要我们保存成web格式【gé shì】🈸,设置一下💳matter,matter的【de】值用【yòng】🔁背景颜色的值【sè de zhí】越相近🕙越好。
3,overflow:有时一【yǒu shí yī】些公司的【de】⛩注册协【zhù cè xié】议都💐是很长🥨,这就用🎛到了overflow,可以把div的【de】⛩style里加上这个【zhè gè】:overflow:auto
4,float:有时候😧一些【yī xiē】div会挤到页面的【yè miàn de】上🐾方,这里可能就是浮动引【fú dòng yǐn】🌊起的【qǐ de】🤩,可以加上🐾clear:both。
5,div:height等于1px的div,在ie6中可能🔌并不是【bìng bú shì】🤞1px,在这个div的style里加上【lǐ jiā shàng】font-size:1px;这样就【zhè yàng jiù】ok了🤲。
6,id和👈class:当一个样式在页面中【yè miàn zhōng】🤴多次使用👐时,不要用【bú yào yòng】💶id,要用💶class,要使用【yào shǐ yòng】👐js的时候【de shí hòu】,样式最好不要🦃用💶id,因为【yīn wéi】id要留给【yào liú gěi】js使用👐。
7,link:.link:link{}、.link:visited{}、.link:hover{}、.link:active{}。有一点🍌,visited与hover的顺序【de shùn xù】一定不【yī dìng bú】😙能倒换【néng dǎo huàn】,否则ie6中会大🤺大的问题。
8,css编码问题:@charset "utf-8";注意这🧥行代码,utf-8与💱g把【bǎ】🐋gb2312是比较【shì bǐ jiào】常用的两种编【liǎng zhǒng biān】码方式。
关键词:div+css
阅读本文后您有什么感想? 已有 人给出评价!
- 1
- 1
- 1
- 1
- 1
- 1