Acc222222的博客

注册页面比较隐私，为了保护用户信息，不需要对当前页面进行SEO优化。但需要引入favicon图标和base.css，同时使用自己的css文件。 <title>个人注册</title> <link rel="shortcut icon" href="pinyou.ico"> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet...

（1）列表页面是新的页面，我们需要新建页面文件list.html。（2）他因为列表页的头部和底部与index.html基本一致，所以要把首页中的头部和底部结构复制过去。（3）头部和底部的样式也需要，因此list.html还需要引入common.css（4）需要新的list.css样式文件，这是列表页专门的样式文件。（5）还需要把meta的内容移植过来，更改一下即可。<meta name="description" content="品优购 - 亚洲较大的网上交易平

整体效果：1.整体结构分析： floor楼层区就是制作各类商品的区域，从一层开始，一直到n层，通常旁边会有一个竖框（称作电梯）用于选择区域，如京东的（下图），这个在学会JS后会做。现在只用HTML和CSS做出楼层区即可。 整体是一个大盒子（楼层区），大盒子里面有多个楼层（都是版心），每个楼层分为上下两部分——上面是box_hd，下面是box_bd。.floor .jiadian { margin-top: 30px;}与上层盒子拉开距离...

1.结构分析：整体是一个大盒子，有两个类名：版心w和推荐recom。左边是recom_hd，右边是recom_hb。2.大盒子制作：.recom { height: 163px; /* background-color: pink; */ margin-top: 12px;}给出高度和上间距。3.左侧recom_hd盒子制作： 整体是一个盒子，盒子里面加入一张图片，再加上一个段落（否则文字会在图片旁边）写下文字即可。...

整体效果：由于main主体模块会不断变化，因此不能写在common.css里，要新建一个index.css。1.整体结构分析：由于整体盒子还没有版心大，因此这次整体盒子main在版心内 首先是一个大盒子（版心），版心内是整体盒子main，main中有两部分——focus焦点图模块和newsflash快报模块。由于左边是商品分类，不能遮挡，因此main需要加上margin-left为商品分类提供位置。2.main主体模块搭建：.main { width:...

因为common.css是写相同的部分，页脚都是相同的，因此先写footer整体效果：1.整体结构分析 整体是一个大盒子（footer），然后大盒子里有一个版心 ，版心里有三个盒子（上中下），分别为mod_service服务模块，mod_help帮助模块，mod_copyright版权模块。.footer { height: 415px; background-color: #f5f5f5; padding-top: 30px;}...

1.整体结构分析 整体是一个大盒子，大盒子里有一个版心，版心里有左右两个盒子。左盒子是全部商品，右盒子是相关选项。注意左盒子也是两个部分：1.全部商品分类标题 2.全部商品的具体分类 （这俩是一个盒子里的！）2.整体大盒子制作（nav）.nav { height: 46px; border-bottom: 2px solid #b1191a;}注意有一个下划线，用border-bottom制作3.版心左侧全部商品（dropdown）板块制作...

1.整体结构分析 首先header是一个大盒子，与版心相同（因此直接加上版心的类就行）。然后是header可分为四个区域：左边是logo盒子，中间是搜索框盒子和热点词盒子，右边是购物车盒子。<!-- header头部模块--> <div class="header w">四个盒子的位置需要用到定位2.左侧logo制作（1）logo的制作要符合LOGO SEO优化：1.logo里面首先放一个h1标签，目的是为了提权，告诉搜索引擎，这个...

1.整体布局：2.结构分析：整体是一个大盒子，大盒子里有一个版心。版心可以分为左右两个盒子，文字可以用li制作/* 版心 */.w { width: 1200px; margin: 0 auto;}.sl { float: left;}/* 浮动不具有继承性 */.sr { float: right;}/* 宽度不进行设置，默认为浏览器宽度 */.shortcut { height: 31px; line-h.

1.项目准备images文件夹用于存放固定的背景，小图标等图片。upload用于存放产品图片等2.base.cssbase.css用于固定一些样式（这里直接从京东源代码中截取）* { margin: 0; padding: 0}em,i { font-style: normal}li { list-style: none}img { border: 0; vertical-align: middle}but.