首页 > 代码库 > Html5开发——html+css基础二(个人博客一)
Html5开发——html+css基础二(个人博客一)
今天没有写完,而且写的还有点问题,所以今天就先不上传代码了(ps:快写完了才发现布局有问题,导致代码太多,感觉写的不是很好,所以今天先分析一下布局)
第一步先写一个大的div用来放ABC三个部分,这个大的div居中!
第二步分别写ABC三个部分,ABC三个部分分别使用浮动(float)来定位。A和B都各使用了一张非常小的图片,通过重复(repeat)属性生成A和B
第三步C部分分别写好3~16这几个模块,在通过组合利用浮动定位。分组如下:
E:3
F:4、7、10、13
G:5、8、11、14
H:5、9、12、15
J:16
然后利用E、F、G、H、J通过浮动定位。
这期间有许多问题,比如ABC的居中,浮动之间的相互影响。这些问题,我会在明天结合相关的代码进行详细的解释。PS:由于代码不是很合理所以今天就不上传代码和素材了。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。