星空网 > 软件开发 > 网页设计

页面布局一

先分析做题思路

一、布局

1.因为刚刚学到表格布局,所以首先把页面划分为几个部分

页面布局一

第二列:一行超链接(我用p包含),自动换行后,一个输入框,一个普通按钮

页面布局一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" />

(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)设置最后一单元格,高度,背景颜色,内容居中,字体大小

页面布局一

然后就完成了

 




原标题:页面布局一

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

独立站卖家注意!如何低成本开启网站业务新增长?:https://www.ikjzd.com/articles/116782
美国口罩现2亿7千万缺口!哄抬口罩价格将被亚马逊移除:https://www.ikjzd.com/articles/116783
韩国市场暗藏的商机:https://www.ikjzd.com/articles/116784
学习|Amazon's Choice如何玩?:https://www.ikjzd.com/articles/116785
亚马逊运营之如何删除差评:https://www.ikjzd.com/articles/116786
干货|亚马逊listing经常被下架?解决步骤在此!:https://www.ikjzd.com/articles/116787
武陵山大裂谷周围景点 武陵山大裂谷周围景点图片:https://www.vstour.cn/a/411233.html
南美旅游报价(探索南美洲的旅行费用):https://www.vstour.cn/a/411234.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流