1:时钟构造:
背景,表盘,指针(时针,分针,秒针),数字。
2:body:
一个div,class=clock{
p便签嵌套span标签写上1~12的数字
p标签是为了位置,span标签是为了数字的显示,能正过来
例:
<p><span>1</span></p>
三个div,class分别为="hour","minute","second"。
<div id="hour"></div>
<div id="minute"></div>
<div id="second"></div>
}
3:css样式
box-shadow:时钟阴影,更真实
定位:relative相对定位不脱离文档流
<1:时钟.clock{width;height;border;border-radius:50%;box-shadow:横向 纵向 模糊距离 颜色;position:relative;}
定位就可以使用top,left,right,bottom属性调整位置
<2:p标签:宽,高,定位absolute,脱离文档流,
<3:span标签 为行标签&