一些常用的CSS知识

    类别:技术文档  贡献者:admin  总点击:6384  受欢迎度:13  更新日期:2009年10月28日
简介:1. Block和inline元素对比 所有的HTML元素都属于block和inline之一。 block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 div, p, h1, form, ul 和 li是块元素的例子。.
  • 一些常用的CSS知识

    所有的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: 1em solid green;

    width: 20em;

    width/**/:/**/ 14em;

    第一个宽度所有浏览器都认得,但IE5.x不认得第2行的宽度设置,只因为那一行上有空白的注释符号(多么蠢的语法分析!),所以IE5.x就用20减掉一些空白,而其他浏览器会用14这个宽度,因为它是第2行,会覆盖掉第1行。

    3. 页面的最小宽度

    min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用,可以把一个div 放到 body 标签下,然后为div指定一个类:

    body

    div class="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";

    }

    补充本知识点暨快乐评论此文章:'做网页:一些常用的CSS知识.'

文章标签:css 
踩下去0
顶上来3
复制本页网址,与你QQ/MSN上的好友分享  温馨提示:如果您喜欢本站,请把她推荐给您的朋友们!
现在有0人对本文发表评论。  »马上发布评论
现在有0人对本文发表评论。  »查看所有评论
您的姓名: * 可选项,留空即为匿名发表
评论内容:
剩余字数:  * 按 Ctrl + Enter 直接发送.
           »»我要分享做网页知识
相关文章推荐
网友阅读排行
技术文档
本站会员贡献
合作伙伴: 百度站长平台 新浪读书频道 CSDN.Net YPState R灯具集 好搜站长平台 商录 全球网站推广库 搜狗站长平台 网页百科 更多» >>加入本站作者团
首页 | 关于我们 | 网站地图 | 合作伙伴 | 部分作者 | 会员注册 友情链接 | 联系方式 |
2004-2019 做网页学习网 鄂公网安备 42010402000280号 鄂ICP备13003030号