码迷,mamicode.com
首页 > Web开发 > 详细

第一次做网页设计遇到的问题总结

时间:2016-12-23 14:19:16      阅读:320      评论:0      收藏:0      [点我收藏+]

标签:enter   需要   mp3   实现   display   one   填充   inline   超链接   

大致步骤:

1,先用div标签做大框架:头部class=head,中间class=wrapper,页尾用class=footer,再去细分head、wrapper、footer

2,head分为两个部分,则用标签float定义,一个是float:left,一个是float:right,右边的有无序标签ul,定义ul的css为list—style:none,就可以去掉小圆点。把li的css设为display:inline-block,就可以并列排序。给文字添加边框:border:solid 1px #ccc;给边框加弧度:border—radius。

3,盒子模型问题:由4个部分组成,最外面的是外边距margin,往里是边框border,往里是填充padding,最里面是内容content。margin可以为负,padding不可以为负。盒子模型只能设置边框border的颜色和背景的颜色。边框border默认为0。

4,标签p默认有外边距margin,需要另外设置margin和padding。

5,添加背景音乐用audio,<audio autoplay="autoplay" controls="controls" loop="-1"> <source src="***.mp3" type="audio/mp3" /><embed height="100" width="100" src="***.mp3" />  </audio>

6,添加超链接 <a href="" target="_blank"></a>新开一个浏览窗口

7,显示文字居中: text-align:center

8,链接外部的css样式,在<head></head>里面声明 <link rel="stylesheet" href=""> 最好把所有文件都打包在一个项目内,再根据文件类型放在不同的文件夹

9,养成先构想框架,实现框架再添加内容的好习惯

第一次做网页设计遇到的问题总结

标签:enter   需要   mp3   实现   display   one   填充   inline   超链接   

原文地址:http://www.cnblogs.com/monica123456/p/6214351.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!