用html+css写京东静态页面

一·HTML的常用标签
1.头部标签
（1）【title标签】
网页的标题： 京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！
（2）【link标签】
作用是网页链接各种文件：
常用属性：
a. rel：链接文件和当前文件的关系
b.herf：链接文件的地址
c.被链接图片是当前网页的icon图标
2.行级元素：不会换行
(1)【img 图片标签】
(2)【a 超链接】
(3)【span 文本】
(4)【i】
(5)【a 超链接】
(6)【br换行】
(7)【input文本框】
3.块级元素：独占一行，可以容纳行内元素和其它元素， 块级元素可以设置width，height属性，行内元素设置width，height无效
（1）【div】
用于网络页的布局
（2）a.有序列表【ol】
b.无序列表【ul】
（3）标题标签【hr】
（4）【p】段落
（5）【table】表格
（6）【form】表单

二.css属性

color设置字体颜色

background-color设置背景颜色

font-size设置字体大小

width设置宽度

height设置高度

line-hight设置行高

text-align：center 设置文本居中

text-decoration去下划线

border-width设置边框宽度

border-color边框颜色

margin：2px设置外边距上下左右均为2px

padding：2px设置内边距上下左右均为2px

margin：0 padding：0设置内外边距为0

float:right/left向右浮动

display：none隐藏

display:block显示

display：online-block设置为块级元素

position：absolute绝对定位

position:relative相对定位

三.将京东页面分为三部分

（1）


（2）

（3）