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

Posted monica123456

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第一次做网页设计遇到的问题总结相关的知识,希望对你有一定的参考价值。

大致步骤:

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,养成先构想框架,实现框架再添加内容的好习惯

以上是关于第一次做网页设计遇到的问题总结的主要内容,如果未能解决你的问题,请参考以下文章

2018-2019-1 20165312 《信息安全系统设计基础》第一周学习总结

第六天冲刺进度总结

《JAVA程序设计》第一周学习总结

ORACLE 之 标识符无效 问题总结及解决方案

ORACLE 之 标识符无效 问题总结及解决方案

20162302 2017-2018-1《程序设计与数据结构》课程总结