该文来自:www.52css.com
初学DIV+CSS?
有六个问题需要您关注一下!
作为DIV+CSS初学者,如果在动手写代码之前对网页整体结构由一个清晰认识的话,写起来会事半功倍!但是,写的过程中总是有这样那样的问题,使得我们不得不停下来去查找资料,弄清属性定义等等!
其实有很多方法可以在提高我效率的同时让我们对DIC+CSS有更深刻的理解!下面我们列举几点:
一、CSS命名规范:
1、文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
2、常用类/ID命名规范
页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright
导 航:menu
主导航:mainMenu
子导航:subMenu
标 志:logo
标 语:banner
标 题:title
侧边栏:sidebar
图 标:Icon
注 释:note
搜 索:search
按 钮:btn
登 录:login
链 接:link
信息框:manage
……
二、处理浏览器BUG问题
关于这点,不知那位高人把CSSBUG变成顺口溜了!在这里引用一下,很容易记住的!
1、IE边框若显若无,须注意,定是高度设置已忘记;
2、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
3、三像素文本慢移不必慌,高度设置帮你忙;
4、兼容各个浏览须注意,默认设置行高可能是杀手;
5、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
6、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
三、所有标签皆有源
只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
四、图片链接排版须小心
图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
五、IE浮动双边距
请用display:inline。
六、列表横向排版
列表代码须紧靠,空隙自消须铭记。
分享到:
相关推荐
值得初学者看看的一本很好书。 基础篇 1.1 必须知道的基础知识 知识一 DIV+CSS的叫法是不准确的 标准叫法是xHTML+CSS 知识二两大误区 误区一用了Table就不标准。误区二DIV标签越多越好 Table是...
div+css做的几套购物网站模板,适用于初学者参考学习的顶级资料。
适合初学者的39个div+css网页布局例子, 可以了解CSS命名规范,DIV+CSS布局方法, 三栏,二栏,多栏复杂型布局例子.
一个div+css设计的旅游网站静态程序,适合使用div+css布局的初学者。
DIV+CSS入门教程完整版,很适合初学者的教程。非常容易理解。
div+css pdf 教程,初学的朋友可以看看
这是一个使用div+css布局,html+javascript语言编写的一个炫目特效导航菜单,仅供初学者参考与学习。
这是用div+css只做的 网页页面,可以让初学者根据源代码,学到许许多多css用法。通过例子,可以让初学者只做网页大幅提高。希望大家对我的资源多提宝贵的意见,谢谢。
在介绍使用CSS样式进行设计的同时,还结合实际网页制作中可能遇到的问题,提供了解决问题的思路、方法和技巧,使初学者可以轻松地掌握Div+CSS布局的方式,制作出精美的网页。 《DIV+CSS 3.0:网页布局案例精粹》全面...
初学DIV+CSS排版的同学可以拿去看看 还是值得学习的 初学DIV+CSS排版的同学可以拿去看看 还是值得学习的 初学DIV+CSS排版的同学可以拿去看看 还是值得学习的
50个大师设计出的DIV+CSS模板,让你的设计之路毫无压力,让初学者一看就会的设计模板
div+css案例div+css案例,适合初学者
这是一个有关于的网页制作页面,是大学生课堂上的项目,也是初学者需要借鉴的。应该可以帮到初学者进一步的了解div+css技术
现如今随着技术的不断发展,传统的利用table来进行网页布局的技术已经很少使用了,随着div+css的不断兴起,越来越多的人喜欢利用这项技术来进行网页布局,这份资料将给学习这项技术的初学者提供很好的帮助。
压缩包里面的文件是一些关于学习Div+Css布局的文件文档,能够有效帮助初学者快速入门掌握。
DIV+CSS页面布局,适合刚开始学习的初学者,代码简单易懂
一组非常好的整站DIV+CSS源码,适合初学DIV+CSS的人看,来自于国外的人做的简介模板。
很好的div+css网页制作教程光盘 里的网页源文件。对初学者很实用。
DIV+CSS初学者布局教程,最基本的一些DIV+CSS的布局
我们在制作网页时,有时需要多重div的重叠,每个div添加不同的内容,以实现特殊的层叠效果,这个如何实现,在网上没找到现成的详细的教程,但是可以用现有的...源代码+自己写的教程,希望对初学div+css的朋友有启发。