1、商城首页制作实战训练--基本结构搭建

Sian · 发表于 2016-2-22 10:11:01

本帖最后由 Sian 于 2016-2-22 11:19 编辑

1、搭建网站基本结构，在根目录下分别创建css、img、js目录
2、根目录下创建index.html文件
3、在css目录下创建基本样式文件style.css并重置基本元素样式
4、下载jQuery框架压缩包至js目录
5、最终效果图如下所示：
100度.jpg

6、部分代码
index.html

[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

[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、源代码下载

游客，如果您要查看本帖隐藏内容请回复

帐号		自动登录	找回密码
密码			立即注册

[电子商务] 1、商城首页制作实战训练--基本结构搭建

相关帖子