老师我有两个问题

老师我有两个问题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>文本样式</title>
        <style type="text/css">
           /*写出CSS样式*/
           div{
                text-align: center;
                background-color: #eee;
                font-size: 2em;
                line-height: 5em;
           }
           img{vertical-align: middle;}
           .css{font-size: 2em;vertical-align: middle;}
           .dc{vertical-align:middle;color:red;text-decoration: underline; }
        </style>
    </head>
    <body>
          <!--写出html代码-->
          <div>
          <img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"/>
          <span class="css">CSS层叠样式表</span>
          <span class="dc">(Cascading Style Sheets)</span>
      </div>
    </body>
</html>

1.我实现的代码对吗?2.针对“CSS层叠样式表”居中是什么意思,不太理解

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好!

元素的垂直关系是以文字基线对齐的 , 例如在默认情况下 ,图片和文字是底部对齐的 ,

http://img1.sycdn.imooc.com//climg/5cada05a0001eebf11150168.jpg

当给文字和英文设置基线对方方式为居中的时候 ,那么它们的中间会与图片的底部对齐

http://img1.sycdn.imooc.com//climg/5cada0a30001263811210155.jpg

所以此时让图片也设置垂直对齐 ,它们三个就互相对齐了。即三个元素都有设置垂直对齐哦

如果帮助到了你,望采纳,祝学习愉快~

好帮手慕码 2019-04-10 15:12:27

同学你好!

1.经过测试,代码效果实现很好,

2.针对“CSS层叠样式表”居中的意思是:

http://img1.sycdn.imooc.com//climg/5cad96de0001167707380213.jpg

http://img1.sycdn.imooc.com//climg/5cad97450001c3cb08430064.jpg

如果帮助到了你欢迎采纳,祝学习愉快~

  • 提问者 原来是晓琪_ #1
    为什么dc类设置垂直居中 它会自动以对css样式表进行居中显示呢
    2019-04-10 15:16:50
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师