网站建设|网站地图
南昌网站建设 > 资讯中心 > 新闻中心 > 网站设计 > 紫索科技
网站设计CSS常用技巧

        南昌网站建设公司紫索科技相信CSS对网站设计高手来说都不是一个陌生的词汇,CSS的出现使得我们的网站设计更容易被阅读,为网站建设行业的发展注入了血液。南昌网站建设公司紫索科技今天就来讲一讲CSS在网站设计中的常用技巧。
        第一点,网站设计中Block和inline元素对比
        其实,所有的HTML元素都属于block和inline两者中之一,但BLOCK和INLINE又各自有着不同的特点。
        block的特点主要体现在以下几个方面:
       1、block总是在新行上开始; 
       2、block的高度,行高以及顶和底边距都可控制; 
       3、block的宽度缺省是它的容器的100%,除非设定一个度
       而INLINE元素在网站设计中的特点则主要表现在如下几个方面:
      1、inline总是和其他元素在一行上;
       2、inline的高,行高及顶和底边距不可改变;
       3、inline的宽度就是它的文字或图片的宽度,不可改变
        第二点,网站设计中的box黑客方法
        网站设计中之所以会存在如此多的box黑客方法,主要是因为在IE6之前的IE浏览器对box的理解跟别人都不一样,它的宽度要包含边线宽和空白。
        要想让IE5同其他浏览器保持一致,南昌网站建设公司紫索科技建议大家可以使用以下办法:  
       padding: 2em;
       border: 1em solid green;
       width: 20em;
       width/**/:/**/ 14em;
       第一个宽度是所有浏览器都能读懂的指令,但IE5.x却不能读懂第2行的宽度设置,因为那一行上有空白的注释符号,所以IE5.x就用20减掉一些空白,而其他浏览器则会用14作为宽度,因为它是第2行,会覆盖掉第1行。
        第三点,网站设计中的页面最小宽度
        南昌网站建设公司紫索科技认为min-width是个非常方便的CSS命令,它可以指定页面的最小宽度,保证排版的高准确率,可惜的是IE无法理解它的意思,而把width当成是最小宽度使用,为了解决IE的这一现状问题,在网站设计中可以使用以下CSS指令:
        #container
        {
        min-width: 600px;
        width:expression(document.body.clientWidth < 600? "600px": "auto" );
        }
        实际上也就是让IE通过javascript的判定最小宽度。
       网站设计IE实现最大宽度CSS指令同理可写为:
       #container
       {
        max-width: 1200px;
        width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? ”1200px“ : ”auto";
        }
         第四点,网站设计要区分大小写
        当我们在XHTML中使用CSS时,CSS里定义的元素名称是区分大小写的。为了避免类似错误的出现,南昌网站建设公司紫索科技建议所有的定义名称都可以采用小写。
         第五点,网站设计时可取消class和id前的元素限定
         当我们给一个元素定义class或者id时,南昌网站建设公司紫索科技建议大家可以省略前面的元素限定,因为在网站设计中ID是一个页面里唯一的,而class则可以在页面中多次使用,限定某个元素毫无意义。
         更多网站设计信息可详细咨询南昌网站建设公司紫索科技
 


原文地址:http://www.zisuo.net/news/网站设计CSS常用技巧1771.htm
文章整理:紫索科技--专业提供南昌网站建设九江网站制作服务
http://www.zisuo.net
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息。
上一篇:企业网站设计的优化手段     下一篇:各种网站设计架构对网站的影响
返回列表
 
2012-2-2 2一个简单动画所引来的网页设计争论
2012-2-2 2提升客户黏着度的网页设计秘诀
2012-2-2 2创意满分的网页设计视觉效果
2012-2-2 1南昌网站建设之2012网页设计的趋势探讨
2012-2-2 1南昌网站建设之2012年5大网页设计潮流