静态页面制作步骤
1. 步骤
1. 目录结构 project文件夹 index.html/default.html:入口文件 css文件夹 js文件夹 images文件夹 2. 页面设计图 3. 确定开发方式 1. 从上到下的方式:适合新手 2. 先确定结构,再填充内容:适合老手 4. css初始化(清除浏览器中标签的默认样式)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
/* 存放css初始化的代码 */ html,body,ul,li,p,h1,h2,h3,form,img { margin: 0; padding: 0; } img { border: none; } ul { /*去掉列表的圆点*/ list-style: none; } input { padding-top: 0; padding-bottom: 0; border: none; } a { text-decoration: none; } body { font: normal normal 12px "宋体"; color: #4c4c4c; background-color: #fae8c8; } .fl { float: left, } .fr { float: right; } .clearfix:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } .clearfix { zoom: 1; }