新手学div+css的基础步骤
本文主要介绍本人学习div+css网页布局的一种思路
软件工具
- 01
网页三剑客
步骤/方法
- 01
从局部出发:从一个小的部分的样式写起,目的是让你熟悉css样式的元素有哪些，那些元素都有一些什么作用，怎么样使用这些元素，以及div+css的属性有哪些？等等这一步是基础! 比如，我有一个层,里面包括标题列表还有背景图片，层的宽度高度这些属性，还要设置标题列表的字体样式颜色等等，能用的属性都用上，从一个小的层，实现各种能表现出来的形式; 其实div+css布局中的每个div就像是一个盒子,如图所示:
- 02
整体布局很重要:有了第一步基础，你可以尝试布局框架，把网页分成一块一块，先把框框写好，各浏览器中测试不要错位了，可以先用不同的背景颜色看效果，不错位就行，框架ok了之后,这样你的而已应该就没问题了，你可以尝试更多方式写布局，两栏式，三栏式等都可以.
- 03
把整体跟局部结合,也就是把你第一步中的基础东西写好，往框架的层里面填充就好了！所以第一步很关键!
赞 (0)