用html+css写京东静态页面

一·HTML的常用标签
1.头部标签
（1）【title标签】
网页的标题：

（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）