成品截图
前期准备素材
一、项目页面PSD源文件
下载地址https://chuenst.lanzous.com/i7hlggnl6vc
二、前期准备工作
创建study目录文件夹 (用于存放这个页面的相关内容)
study目录内新建images文件夹 (用于保存图片)
新建index.html 首页html文件(网站首页统一规定为index.html)
新建style.css 样式文件(外链样式表)
将样式引入到我们HTML页面文件中
样式表写入 清除内外边距样式,来检测样式表是否引入成功
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
三、CSS属性书写顺序
布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,
毕竟关系到模式)
自身属性:width / height / margin