|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
1.Block和inline元素对照
一切的HTML元素都属于block和inline之一。
block元素的特性是:
老是在新行上入手下手;
高度,行高和顶和底边距都可把持;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>,<p>,<h1>,<form>,<ul>和<li>是块元素的例子。
相反地,inline元素的特性是:
和其他元素都在一行上;
高,行高及顶和底边距不成改动;
宽度就是它的笔墨或图片的宽度,不成改动。
<span>,<a>,<label>,<input>,<img>,<strong>和<em>是inline元素的例子。
用display:inline或display:block命令就能够改动一个元素的这一特征。甚么时分必要改动这一属性呢?
让一个inline元素重新行入手下手;
让块元素和其他元素坚持在一行上;
把持inline元素的宽度(对导航条出格有效);
把持inline元素的高度;
不必设定宽度便可为一个块元素设定与笔墨同宽的背景致。
2.再来一个box黑客办法
之以是有这么多box黑客办法,是由于IE在6之前对box的了解跟他人都纷歧样,它的宽度要包括边线宽和空缺。要想让IE5同等其他扫瞄器坚持分歧,能够用CSS的办法:
padding:2em;
border:1emsolidgreen;
width:20em;
width/**/:/**/14em;
第一个宽度一切扫瞄器都认得,但IE5.x不认得第2行的宽度设置,只由于那一行上有空缺的正文标记(何等蠢的语法剖析!),以是IE5.x就用20减失落一些空缺,而其他扫瞄器会用14这个宽度,由于它是第2行,会掩盖失落第1行。
3.页面的最小宽度
min-width是个十分便利的CSS命令,它能够指定元素最小也不克不及小于某个宽度,如许就可以包管排版一向准确。但IE不认得这个,而它实践上把width当作最小宽度来使。为了让这一命令在IE上也能用,能够把一个<div>放到<body>标签下,然后为div指定一个类:
<body>
<divclass="container“>
然后CSS如许计划:
#container
{
min-width:600px;
width:expression(document.body.clientWidth<600?"600px":"auto");
}
第一个min-width是一般的;但第2行的width利用了Javascript,这只要IE才认得,这也会让你的HTML文档不太正轨。它实践上经由过程Javascript的判别来完成最小宽度。
一样的举措也能够为IE完成最年夜宽度:
#container
{
min-width:600px;
max-width:1200px;
width:expression(document.body.clientWidth<600?"600px":document.body.clientWidth>1200?”1200px“:”auto";
}
</p>
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。 |
|