本文介绍了前端开发中创建网页的流程，从设置根目录开始，包括图片、样式文件夹的规划，强调了使用英文命名以避免服务器问题。接着讲解了版心效果的实现，通过CSS设定宽度并应用于需要居中的部分。最后讨论了清除默认样式的重要性，如margin、padding、list-style、text-decoration等，并提到了box-sizing属性和清除浮动的方法，为后续的HTML编写做好准备。
一.根目录
能够根据项目需求创建根目录
根目录:网站的第一级文件夹
1.图片文件夹:images
2.样式文件夹:CSS
3.首页:index.html
文件夹一般命名为英文,因为将来要上传到服务器.服务器不支持中文,如果用中文可能会出问题
//css文件要用link引用
<link rel="stylesheet" href="./css/index.css">布局思路:从外到内,从上到下,从左到右
css:浮动/display/盒子模型;文字样式
2.版心效果
首先看设计图,观察如果有明显的整个居中的效果,可以指定是版心.我们就可以在css页面中先设置好版心宽度,以后但凡遇到版心就用这个类名.一般版心类名取名为wrapper
然后从上至下,写html.头部header,负责头部区域的样式,wrapper只负责版心效果
3.清除工作
写代码时,我们会大量的用到div,a等标签,这些标签都会有默认的样式,我们需要清除.
导航一般用li标签.li标签里面套个a标签
一般工作当中一律清除代码的样式都不会自己写
1.margin:0,padding:0
2.border,padding都会撑大盒子,需要自己减.如果不想自己减.可以用内减模式的代码:
最低0.47元/天 解锁文章
344
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
