小兔鲜儿项目pc客户端前端静态页面

Mr李 • 2022-02-07 22:46 • 好物分享

小兔鲜儿项目pc客户端前端静态页面
一.效果图

二.文件和目录准备
新建index.html在根目录新建css文件夹保存网站的样式，并新建以下css文件： base.css：基础公共样式 common.css：该网站中多个网页相同模块的重复样式，如：头部，底部 index.css：首页样式
三.基础公共样式
场景：一般项目开始前，首先会去除掉浏览器默认样式，设置为当前项目需要的初始化样式
作用：防止不同浏览器中标签默认样式不同造成的影响，统一不同浏览器的默认显示效果，方便后续项目开发
文件：base.css
/* 去除常见标签默认的margin和padding */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
margin: 0;
padding: 0;
}