html类型选择{英译汉}单词不好的你也能学会
1.<!doctype html>
文档类型 html
2.<html>
3.<head>
页头
4.<meta chrset="utf-8">
元素据
5.<title>无标题文档</title>
标题 无标题文档 标题
6.<style>
样式
7.img{width：100%；}
插入图片{ 宽:100%}
8. .juzhogn{border：4px solid red; width:1484px;}
居中{边框4px 纯红色；宽度1484px}
9. .chanpin{width：354.5px；height：376px；border：2px solid blue；float：left；
产品{宽度：354.5px：高度：376：边框：2px 纯蓝色；浮动：左侧
10.margin-right：22px；box-sizing：border-box；}
边界-右侧：22px;内边框
11/maring:0 outo; 外边界：上下0，左右自动，通常用来做居中
12.box-sizing：border-box；内边框
15. .chanpin：hover img{width：110%;}
产品：接触插入图片{宽度改变为：110%；}
16.</style>
样式结束
17.</head>
页尾
19.<body>
定义文档主体
20<div class="juzhong">
盒子类型=居中
21.<div class="chanpin"> <img ></div>
<产品盒子类型> <图片源代码=图片位置于cp1.jpg>
22. <div class="chanpin"><img src="/cp2.jpg> </div>
<产品盒子类型><图片源代码=图片位置于cp2.jpg>
23. <div class="chanpin"><img src="/cp3.jpg> </div>
<产品盒子类型><图片源代码=图片位置于cp3.jpg>
24.<div style="margin-right:0"class="chanpin"><img src="img/cp4.jpg></div>
<盒子样式=有边界为0;产品类型><图片源代码=图片位置于cp4.jpg><盒子>
25.</div>
盒子结束
26.</body>
文档结束
27.</html>
文档结束