HTML学习案例–仿淘宝商品信息

  • A+
所属分类:Web前端
摘要

步骤:1.布局分析
2.敲代码考察知识点:
1.类选择器(素材第四天)
2.CSS关于display,padding,margin的应用
3.如何用div布局

步骤:1.布局分析
HTML学习案例--仿淘宝商品信息

2.敲代码

考察知识点:
1.类选择器(素材第四天)
2.CSS关于display,padding,margin的应用
3.如何用div布局

总结:
如果想让一行有两组以上的字块,显示就要用inline-block
想让字块文本在box内缩进,要设置类的是带有这字块的最外层div而不是带文字的内部标签(为什么在内部标签设置调margin或者padding文字都不动?)

代码:

Document