今日所学
Posted echomk
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了今日所学相关的知识,希望对你有一定的参考价值。
今日,清明节虽已过去,但雨季却悄悄降临,学习课程则是根据主网页来进行后续网页的设计。由于一个网页头部和尾部基本上保持不变,因而主次网页也就只在内容上区别开来,所以次网页制作也就相对较为简单。但在制作过程中以及老师讲解过程中,都出现了文字与图片对齐的问题。老师对我们提出要求:用三种方法解决此问题;一是插入图片,然后定位文字,二是用vertical-align命令,三是将图片作为背景图片插入,然后定位文字。我针对以上方法都进行了验证,发现都行得通。以下是其中第一种方法之代码:
html:
<body>
<div class="popular_product">
<img src="images/content_popular_product.jpg"/><P>热门产品</P>
</div>
</body>
css:
.popular_product p{font-size:21px;
font-weight:100;
padding-top:10px;}
.popular_product img{float:left;}
以上是关于今日所学的主要内容,如果未能解决你的问题,请参考以下文章