小白做网页的经验记录

1.进行网页制作的步骤
@1.基于美学对网页进行架构布局；
@2.进行内容的填充，应注意各元素间的层次关系，看情况使用行内元素和块级元素 ，为样式相同的元素起相同的类名；
@3.使用css对网页中的内容进行美化（@基本的样式包括元素的宽高，文本样式 ，浮动和定位，背景图片和背景颜色，
鼠标悬停时的效果等；@其它的css属性包括盒子阴影和文本阴影，圆角边框，背景渐变，transform变形和transition过渡动画，
animation和@keyframes帧动画等）
2.完整完成和布局一个盒子模型的顺序：
架构------》内容填充--------》设置样式对网页元素进行美化

3.解决制作的网页适配不同屏幕分辨率的方法：
@1.两侧留白法，给section区域内容设置固定的像素值并水平居中，两侧留出一定距离；
@2.横向满屏法，设置元素宽度为100%（常用与页眉页脚）；
4.使文字垂直居中和水平居中的方法
@1.给元素设置固定的宽高，然后分别设置text-align：center;和height等于line-heiht
@2.给该元素设置内边距，上下内边距一致，左右内边距一致，同样可以达到居中的效果
5.开发网站时，优先使用外部样式表，可以大大增加代码的重用性，提高网站开发效率。

100.待完善部分：
@1.主页使用js实现轮播效果
@2.侧边导航栏无法定位的问题
@3.内部样式表替换为外部样式表时，背景图片无法显示的问题。