仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 800|回复: 8
打印 上一主题 下一主题

[DIV+CSS] DIV教程之DIV+CSS网页结构心得

[复制链接]
小魔女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:55:26 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
网页制造poluoluo文章简介:DIV+CSS是很复杂的一种结构体例,乃至比任何一种编程言语都要复杂(固然它不克不及算是编程言语)。
  我们在poluoluo.com一向夸大交换的主要性,只要经由过程交换才干发明本人的不敷,才干明白的晓得本人究竟把握了几常识,哪些中央不敷,哪些中央已把握,明天与人人分享一名poluoluo网友的DivCSS网页结构心得。DIV+CSS是今朝互联网网页制造最抢手的办法,但关于完整手写代码,很多网页计划师都看而止步。实在DIV+CSS是很复杂的一种结构体例,乃至比任何一种编程言语都要复杂(固然它不克不及算是编程言语)。
  起首你要晓得,当你入手下手进修DIV+CSS的时分,你要把之前一切用DW画结构表格的头脑办法忘的一尘不染(假如你之前是用TABLE结构的话),但是这项手艺更合适刚打仗网页制造的人。
  然后你要晓得,DIV+CSS是高本钱开辟,速率固然是没有你画TABLE来的快,可是优点更多,信任假如你能看到这里,你必定对DIV+CSS的优点也有必定的懂得了。
  最初你还得晓得,你所用的工具,你大概以为Dreamweaver很好,没错,它切实其实不错,但你要熟悉到,当你纯熟利用了这门手艺,你就能够在任何文本编纂器中编写网页,乃至在记事本中,而dreamweaver只是充任一个文本编纂器的脚色,而你一切的事情基础都在代码视图中完成,在这里我保举adobe最新的dreamweavercs4。固然假如CS5呈现了我也会往试用它。
  切进正题,实在DIV+CSS准确的说法应当是XHTML+CSS,说成DIV的缘故原由只是让它能更明白地和TABLE结构办法辨别开来,并非说一个页面里没有TABLE,而是在甚么中央利用TABLE,你要熟悉到TABLE是表格,是寄存数据用的,而不是用来结构的。
  接上去是结构头脑体例,大概人人在打仗DIV+CSS的时分无从动手,我如今向人人保举最出名的盒子模子,我也是看了这个模子后一会儿就开窍了。
  你大概会说,很多多少英文看不懂,不外我告知你,很抱愧那三个英文你必需记着,并且是最主要的三个,你能够把这么个盒子当作一个DIV,而一切标签都带有这三个属性。
  正如你所见到的这个是一个方块,而网页呢,是由这么多年夜巨细小的方块构成的,大概以下实例会更明白的让你懂得这个盒子。
  我在这里借用了新浪博客的盒子来讲明下,人人大概发明了,实在边框border常常就只要1px的宽度,谁叫它是边框呢。而外补钉margin呢,它代表了DIV(盒子)和DIV(盒子)之间的间隔,而内补钉padding则是年夜盒子(DIV)和内里的盒子(DIV)的间隔(盒子(DIV)内里能够放盒子(DIV)哦)。


这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-14 14:15

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表