1、商城首页制作实战训练--基本结构搭建
本帖最后由 Sian 于 2016-2-22 11:19 编辑1、搭建网站基本结构,在根目录下分别创建css、img、js目录
2、根目录下创建index.html文件
3、在css目录下创建基本样式文件style.css并重置基本元素样式
4、下载jQuery框架压缩包至js目录
5、最终效果图如下所示:
6、部分代码
index.html<!DOCTYPE html>
<html>
<head>
<title>电子商务网站模板</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/style.css"/>
<script src="js/jquery-1.12.0.min.js"></script>
<script>
$(function(){
// 测试jQuery是否正常
$('body').html('aaa');
})
</script>
</head>
<body>
123
</body>
</html>style.css/* 样式重置 */
body,h1,h2,h3,h4p,ul,ol,form,input,textarea,th,td,select{margin: 0;padding: 0;}
em{font-style: normal;}
li{list-style: none;}
a{text-decoration: none;}
img{border: none;vertical-align: top;}
table{border-collapse: collapse;}
input,textarea{outline: none;}
textarea{resize: none;overflow: auto;}
body{font-size: 12px;}7、源代码下载**** Hidden Message *****
页:
[1]