相信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里定义的元素名称是区分大小写的。为了避免类似错误的出现，液。嘉兴网站建设公司嘉兴科技建议所有的定义名称都可以采用小写。
