首页 > 代码库 > 第一次做网页设计遇到的问题总结

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

大致步骤:

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="http://www.mamicode.com/***.mp3" type="audio/mp3" /><embed height="100" width="100" src="http://www.mamicode.com/***.mp3" />  </audio>

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

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

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

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

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