先分析做题思路
一、布局
1.因为刚刚学到表格布局,所以首先把页面划分为几个部分
3、把每一行的元素写上
(1)第一行 可以分为两列
第一列:一张图片
第二列:一行超链接(我用p包含),自动换行后,一个输入框,一个普通按钮
(3)第三行 是一张图片
(4)第四行 在td里面再加一个table 他分为3列(不直接设为3列的原因,是因为合并单元格有难度,第一行我已经设置成2列,可以自己脑补一下合并时候的怪异)
4.1 第一个单元格:有一个标题和图片
4.2 第二个单元格:明显看出标题和文字(文字每个我都用p的话,间距太大,所以就用了换行,因为还没学到ul li列表)
下面的文字都是超链接,因为要设置超链接中汉字和时间的距离,所以加了span
4.3 第三个单元格:明显 标题下面是一个table 4行2列 然后写上对应的内容
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" />
(6)第6行
一个单元格,里面两段文字
.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
二 样式
(1) 合并单元格 只有第一行是两列,其余的都是一列,需要在第2,3,4,5,6列写上
(2) 设置第一行第二个td的内容右排列
(3) 设置hr的颜色和宽度
(4)设置第二行p标签宽度,高度,背景颜色 (记得给p标签加上class)
(6)设置超链接字体加粗
(7)设置第一个超链接左边的距离 ,用到结构伪类选择器
(8)第四行中,设置标题中文字和图片之间的距离(PS测量得到的)
(9)我发现所有内容挤在一起,是因为没给table加宽度,默认内容撑开宽度,另外默认表格为垂直居中对齐,由于这3列高度不同,所以居中后也是对不齐的,所以让他们向上对齐
在让所有列垂直居上对齐时,我选择的子类选择器,只选择子辈的td让他们垂直居上对齐
(10) 设置超链接中新闻和时间之间的距离,我给时间用span包起来用了margin-left。
(11)设置第三列,文字大小 颜色 给表格加了 class tab2
(12)设置第三列表格之间的距离
(13)修饰完之后,发现和原图有出入标题和图片应该再向右边一点点,我采用的办法是,给每个td加宽,然后水平居中对齐
(15) 图片和超链接之间的距离
(16) 设置项目设置的大小
(17) 设置h4的字体大小
(18) 设置p的文字颜色和大小
(19)为了设置单元格之间的空白,给单元格设置宽度
(20)设置项目设置和表格距离左边的margin
(21)设置最后一单元格,高度,背景颜色,内容居中,字体大小
然后就完成了
原标题:页面布局一
关键词: