959 991 189 673 868 122 428 33 765 834 46 770 42 270 979 559 634 349 731 166 778 981 970 525 941 631 854 996 217 395 725 723 747 147 648 766 328 480 966 938 304 740 584 240 144 5 20 965 470 881
当前位置:首页 > 亲子 > 正文

我如何通过朋友圈日卖5000盒蜂蜜

来源:新华网 boboidc晚报

DIV+CSS是目前互联网网页制作最热门的方法,但对于完全手写代码,许多网页设计师都望而止步。 其实DIV+CSS是很简单的一种布局方式,甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。 首先你要知道,当你开始学习DIV+CSS的时候,你要把以前所有用DW画布局表格的思维方法忘的一干二净(如果你以前是用TABLE布局的话),然而这项技术更适合刚接触网页制作的人。 然后你要知道,DIV+CSS是高成本开发,速度当然是没有你画TABLE来的快,但是好处更多,相信如果你能看到这里,你一定对DIV+CSS的好处也有一定的了解了。 最后你还得知道,你所用的工具,你可能认为dreamweaver很好,没错,它的确不错,但你要认识到,当你熟练使用了这门技术,你就可以在任何文本编辑器中编写网页,甚至在记事本中,而dreamweaver只是充当一个文本编辑器的角色,而你所有的工作基本都在代码视图中完成,在这里我推荐adobe最新的dreamweaver cs4。当然如果CS5出现了我也会去试用它。 切入正题,其实DIV+CSS正确的说法应该是XHTML+CSS,说成DIV的原因只是让它能更明确地和TABLE布局方法区分开来,并不是说一个页面里没有TABLE,而是在什么地方使用TABLE,你要认识到TABLE是表格,是存放数据用的,而不是用来布局的。 接下来是布局思维方式,可能大家在接触DIV+CSS的时候无从下手,我现在向大家推荐最著名的盒子模型,我也是看了这个模型后一下子就开窍了。 你可能会说,好多英文看不懂,不过我告诉你,很抱歉那三个英文你必须记住,而且是最重要的三个,你可以把这么个盒子看成一个DIV,而所有标签都带有这三个属性。 正如你所见到的这个是一个方块,而网页呢,是由这么多大大小小的方块组成的,可能以下实例会更明确的让你了解这个盒子。 我在这里借用了新浪博客的盒子来说明下,大家可能发现了,其实边框border往往就只有1px的宽度,谁叫它是边框呢。而外补丁margin呢,它代表了DIV(盒子)和DIV(盒子)之间的距离,而内补丁padding则是大盒子(DIV)和里面的盒子(DIV)的距离(盒子(DIV)里面可以放盒子(DIV)哦)。 接下来我们模仿这个盒子做个简单的模型 将以下内容拷贝至记事本中,后缀名改为html即可。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title盒子模型演示/title style type=text/css *{ margin:0; padding:0; font-size:12px; } a{ color:#5E4830; } .Box{ width:205px; border:1px solid #DFD3BD; margin:10px; } .Box .title{ font-weight:bold; height:22px; line-height:22px; background-color:#FDECCE; border:1px solid #fff; padding:0px 0px 0px 10px; color:#665F54; } .Box .content{ color:#5E4830; padding:7px 10px; } .Box .content li{ line-height:1.5em; } /style /head body div class=Box div class=title分类/div ul class=content lia href=#技术笔记/a(1)/li lia href=#网摘/a(0)/li lia href=#原创文学/a(1)/li /ul /div div class=Box div class=title访客/div ul class=content li暂无访客/li lia href=#登录/a后您的头像出现在这里。/li /ul /div /body /html 395 196 6 840 198 119 902 226 753 528 116 988 687 317 708 740 875 625 617 137 177 781 514 521 997 457 790 284 931 246 320 36 854 288 167 933 922 211 628 318 478 621 903 82 412 675 434 833 600 718

友情链接: 锋光蕾承 ts00622 AZSXDC2345678 ah009183 uygl654727 才亮橙 xxgrtavlzc xfukexfuke 祯富平莎 风胜伯通
友情链接:740243 陈鸥宁 迟锋卓 蹈秉申三纳 云幼旭 轷枫 站长助手2010 传鸣 玉言生 rf30201