4、示id"footer"的内容从上边的效果图分析得知,整个网页是居中浏览器显示的,按照这样的写法需要把以上的header、nav、maincontent、footer都设置宽度并居中,这样做起来很麻烦,所以再在这些标签外增加一下父标签,设置这个父标签宽度并居中后,是不是所有的标签都居中了呢。增加后的代码如下: 5、d="maincontent"> 6、测量。因为效果图多是在ps下制作的,所以用ps测量也比较方便。方法是首选项里把ps的单位改为像素,然后用选区选中要测量的部分,在信息面板中就显示出当前选区的宽高了测量后得知:整体宽度为900px,main部的宽度为664px,side宽度为228px。把这三个基本的宽度测量后,下面就可以写css代码了。由于本实例是按照实际当中应用来做的,所以css样式表就最好写在单独文件里了,不要再写在文件内部了,这样可以利用代码的重用性,减少很多劳动强度。下面就新建一个css样式表文件:在DW文件菜单选择新建,然后在打开 7、的窗口页面类型中选择css,创建后保存在css文件夹中并命名为layout.css保存后先设置全局的样式,而后写每一块单独的样式,全局样式如下:body{margin:0auto;font-size:12px;font-family:Verdana;line-height:1.5;}ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;}ul{list-style:none;}img{border:0px;}a{color:#05a;text-decora 8、tion:none;}a:hover{color:#f00;}全局的样式定义完后,下面定义以上几大块的样式,先设置下#containerr的样式如下:#container{width:900px;margin:0auto;}预览下index.htm,发现并没有改变,因为刚定义的样式表没有和html文件关联,所以设置的样式不能对它生效:在css面板中点击附加样式表按钮,然后在弹出的窗口中选择刚才创建的样式表文件,确 此文档下载收益归作者所有
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。