24小时咨询热线13533390539
当前位置:网站首页 > 新闻资讯 >网站建设 > 网站重构常用CSS技巧分析
网站重构常用CSS技巧分析
日期:2012-12-21     浏览:1879     作者:搜浪君
关键词:

  纸上得来终觉浅,很多东西只有当我们碰到了,我们才能真正地体验到其真谛。用了Div+Css这么久,但对于一些Css的缩写却从未总结过。今天终于下定决心,将一些Css常用技巧进行总结。一方面为了更方便的使用Css,另一方面可以帮助减少Css文件的大小,更加易于阅读。


4.jpg


  一,min-width元素

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

  CSS这样设计:#container{min-width:600px;width:expression(document.body.clientWidth < 600? "600px":"auto" );}

  在这代码中,*个min-width是正常的;但第2行的width使用了Javascript,这只有IE才认得,这也会让你的HTML文档不太正规。


  二,Div+Css的结合应用

  当在XHTML中使用CSS区分大小写,CSS里定义的元素名称是区分大小写的。为了避免这种错误,建议大家所有的定义名称都采用小写。

  同时 ,class和id的值在HTML和XHTML中也区分大小写。如果一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。


  三,inline和Block元素

  1,inline元素的特点:

  和其他元素都在一行上,高度、行高及顶和底边距不可改变;宽度就是文字或图片的宽度,不可改变。

  2,block元素的特点:

  总是在新行上开始,高度,行高以及顶和底边距都可控制;宽度缺省是它的容器的100%,除非设定一个度和是块元素的例子。

  用display:inline 或display:block命令就可以改变一个元素的这一特性。什么时候需要改变这一属性呢?

  让一个inline元素从新行开始,让块元素和其他元素保持在一行上,控制inline元素的宽度及高度。无须设定宽度,即可为一个块元素设定与文字同宽的背景色。


  四,公共样式的应用

当给一个元素定义样式,用class会比用id更好。因为id在页面是*的,而用class则可以多次使用,这样可以省略前面的元素限定。


文章来自:www.soola.net


返回列表
联系方式
公司固话: 020-85557485/85675730
销售电话:13922395952(黄经理)
销售电话:13533390539(郭经理)
售中客服:337604623(QQ)郭小姐
售后客服:2101996011(QQ)郑小姐
微信公众号
网站首页 业务热线 提交需求 官方微信