首页 > 代码库 > 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:由于代码不是很合理所以今天就不上传代码和素材了。