今日所学

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;}

 

以上是关于今日所学的主要内容,如果未能解决你的问题,请参考以下文章

2018.12.13 今日所学

今日所学

今日所学

2018.12.12 今日所学

今日所学

今日所学—JavaScript