在做网站的时候,我们采取一些比较简易的方法来建设网站,下面给大家分享一下工作经验:
一、在一行内声明CSS
Example Source Code [www.minglian8.com]
h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
h2 {
font-size:18px;
border:1px solid blue;
color:#000;
background-color:#FFF;
}
第二种看起来确实格式化,但是不会在阅读上有任何协助。写在一行内可以让你更快的找到需求的局部。
以前在下也是写成相似第二种方式,但是逐步发现就像文章讲的一样,没多大用。一行看起来又直爽又省中央还能让文件更小。
二、分块书写代码
这样书写代码可以让CSS更页面化,在呈现成绩时分可以最短日子内找到成绩所在。就像上面这样:
Example Source Code [www.minglian8.com]
#content {float:left;}
#content p { … }
#sidebar {float:left;}
#sidebar p { … }
#footer {clear:both;}
#sidebar p { … }
三、阅读器兼容成绩
只支持最新的阅读器。也就是讲要保持IE5和IE5.5。这样一来就能省下很多日子。关于IE6来讲不必运用盒模型Hack。假如只针对盛行阅读器的话,只需求很少的Hack就能完成异样的效果。
在下留意了一下网易新版主页的CSS,其中居然一个!important或许Hack都没有,可是在FF和IE外面显示效果都很好。
包括浮动元素一切在容器内的内容都应该被设计为和容器坚持分歧。假如过大的话就会滑动到错误地位。运用负值margin调整到容器外异样会招致滑动。
了解Overflow假如页面中有两个浮动元素,在左容器内输入过多内容的话就会招致右侧容器跑到上面。这也就是讲你的margin、宽度或许padding设置混乱了,不过在FF外面表现不出来。运用overflow:hidden或许overflow:scroll可以防止IE允许内容冲出容器。
更多的CSS技巧,欢送您关注minglian8.com的内容。感激您的支持。