1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

DIV+CSS制作网页心得

作者:用户 来源:互联网 时间:2016-06-20 16:22:10

布局divtable编程语言div盒子的切换盒子divcss

DIV+CSS制作网页心得 - 摘要: 本文讲的是DIV+CSS制作网页心得, 其实DIVCSS是很简单的一种布局方式,甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。 DIVCSS是目前互联网网页制作最热门的方法,但对于完全

其实DIVCSS是很简单的一种布局方式,甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。

DIVCSS是目前互联网网页制作最热门的方法,但对于完全手写代码,许多网页设计师都望而止步。   其实DIVCSS是很简单的一种布局方式,甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。
  首先你要知道,当你开始学习DIVCSS的时候,你要把以前所有用DW画布局表格的思维方法忘的一干二净(如果你以前是用TABLE布局的话),然而这项技术更适合刚接触网页制作的人。
  然后你要知道,DIVCSS是高成本开发,速度当然是没有你画TABLE来的快,但是好处更多,相信如果你能看到这里,你一定对DIV+CSS的好处也有一定的了解了。
  最后你还得知道,你所用的工具,你可能认为Dreamweaver很好,没错,它的确不错,但你要认识到,当你熟练使用了这门技术,你就可以在任何文本编辑器中编写网页,甚至在记事本中,而dreamweaver只是充当一个文本编辑器的角色,而你所有的工作基本都在代码视图中完成,在这里我推荐adobe最新的dreamweaver cs4。当然如果CS5出现了我也会去试用它。
  切入正题,其实DIVCSS正确的说法应该是XHTMLCSS,说成DIV的原因只是让它能更明确地和TABLE布局方法区分开来,并不是说一个页面里没有TABLE,而是在什么地方使用TABLE,你要认识到TABLE是表格,是存放数据用的,而不是用来布局的。
  接下来是布局思维方式,可能大家在接触DIVCSS的时候无从下手,我现在向大家推荐最著名的盒子模型,我也是看了这个模型后一下子就开窍了。
  你可能会说,好多英文看不懂,不过我告诉你,很抱歉那三个英文你必须记住,而且是最重要的三个,你可以把这么个盒子看成一个DIV,而所有标签都带有这三个属性。
  正如你所见到的这个是一个方块,而网页呢,是由这么多大大小小的方块组成的,可能以下实例会更明确的让你了解这个盒子。
  我在这里借用了新浪博客的盒子来说明下,大家可能发现了,其实边框border往往就只有1px的宽度,谁叫它是边框呢。而外补丁margin呢,它代表了DIV(盒子)和DIV(盒子)之间的距离,而内补丁padding则是大盒子(DIV)和里面的盒子(DIV)的距离(盒子(DIV)里面可以放盒子(DIV)哦)。



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索布局 , div , table , 编程语言 , div盒子的切换 , 盒子 divcss div css制作简单网页、div css制作网页、div css 制作网页视频、div css网页模板、div css网页布局模板,以便于您获取更多的相关知识。

浏览器-html+css布局问题请教各位

...二: html+css----css布局方式HTML- css多列布局html css 布局心得 解决方案三: html+css----css布局方式HTML- css多列布局html css 布局心得 解决方案四: 最外层的div设置一个固定的宽度试一下呢 解决方案五: 有一个叫...

如何走向高阶---css的学习心得

...从最简单的 HTML 网页入手;选择 Dreamweaver 作为你的网页制作工具;选择 Photoshop 作为你的网页制作工具;粗略地阅读 Dreamweaver 及 Photoshop 教程,了解这两个软件到底能做些什么; 制作你的第一个实验性的网站初级阶段:此时的...

我的技术学习之路--div+css篇

...签的属性可以作为提示功能 正文部分正文里面就是我们网页主体部分了,里面可以放很多东西,比如表单,列表,图片,文字,超链接等等,这是构成我们网页的核心。

div+css js按钮特效 鼠标移上去显示子菜单

...页 企业邮局首页 绿色G级邮箱 绿色企业邮箱 网站制作首页 企业建站 商城制作 个人建站 门户建站 代理加盟 代理加盟 代理加盟 代理加盟 联系我们 本站通知 行业新闻 诚聘英才

HTML、CSS、JavaScript网页制作从入门到精通

这大概是我第一次写博客吧,自从大一开始写代码,至今也有5年的光景了,很遗憾并没有养成写博客的习惯,一方面因为我平时很少有阶段性的总结,另一面也确实不知道该分享些什么。归根结底还是功夫不到家,没有一些让...

前三篇
后三篇
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备