3个比较有用的网页制作技巧


一、在一行内声明CSS

复制代码
代码如下:

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更页面化,在出现问题时候可以最短时间内找到问题所在。就像下面这样:

复制代码
代码如下:

#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里面显示效果都很好。合理的使用CSS可以避免Hack。当然,调试的时间会多一些。

  包含浮动元素所有在容器 内的内容都应该被设计为和容器保持一致。如果过大的话就会滑动到错误位置。使用负值margin调整到容器外同样会导致滑动。

  理解 Overflow如果页面中有两个浮动元素,在左容器内输出过多内容的话就会导致右侧容器跑到下面。这也就是说你的margin、宽度或者padding 设置混乱了,不过在FF里面体现不出来。使用overflow:hidden或者overflow:scroll可以避免IE允许内容冲出容器。



相关阅读:
用vbs实现获取电脑硬件信息的脚本_最新版
windows文件夹管理list视图方式
使用函数自动生成n层目录
如何快速找到CSS的BUG
Ctrl + Enter提交前检测的代码
(二)字的艺术
VBS教程:VBScript 语句-With 语句
ExtJS4 组件化编程,动态加载,面向对象,Direct
js怎样实现下拉框改变,它旁边的图像也改变
跨浏览器的设置innerHTML方法
javascript 闭包函数做显隐内容
Windows NT/2000操作系统认证方法
Oracle表空间恢复让你不再担心数据库出现错误
IE7新支持的CSS属性和属性选择符
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 象山影视城参观记作文600字 小蜜蜂100字 观《花木兰》有感800字 听话照做准没错,行动带来此刻最好的你 我只想和你好好的 幸福离不开钱,但有钱不一定就幸福 小学二年级作文200字:武术操 我的自尊心作文900字 三御史咏 草地漫笔 小学二年级作文300字:鸟情 小学一年级作文750字:春风·蓝天·风筝 人生在世,应该在芬芳别人的同时美丽自己 卖白菜的“陈老抠” 党员干部学习廉洁从政准则心得体会 打球真好玩250字 形容男人花心的句子 终于找回迷失的自己 建立监理工作检查、考核与评价制度 那一场,善的春天、 人生诗趣 孤独是一杯飘香的清茶 共同的目标作文800字 唱脸谱教学反思 2015政治委员制度 小星星作文 泰坦尼克号经典语录摘抄 精灵米米的成长日记1 国庆节安排会议讲话 爱终究只想保全 教师节微信感恩祝福语 黑猫和白猫作文500字 讲党性守纪律强素质活动心得体会 交-警纪律作风心得体会 水调歌头·物换一禅徽 有时候我们原谅一个人,有多少个是能真心原谅 繁华终须梦一场 理想作文700字 银行劳动竞赛活动方案 建党93周年诗歌朗诵:中国的太阳永不落 鼓励学习的语句 关于中的周朴园几点看法 父辈的耻辱 牧羊人 未婚青年联谊活动方案 写给90后的话 我爱你,誓死不休 伸向小女孩的魔爪(2)作文400字 愿望200字 幼师一分钟面试自我介绍 生活中处处有真情

Copyright © 2016 phpStudy |