请问老师我的代码正确吗?

来源:3-12 编程练习

曾丽珠

2020-11-19 22:56:37

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html>

<head>

<title>文本样式</title>

<meta charset="utf-8">

<style type="text/css">

.warp1{width:100%;

   height:80px;

   background-color:#14191e;}

   

h1{font-size:24px;

   color:white;

   vertical-align:middle;

   text-align:center;

   line-height:80px;

   }


.warp2{display:table;

       height:500px;

       width:500px;

       margin:0 auto;}  

.content{line-height:1.5em;

         font-size:14px;

         vertical-align:middle;

         display:table-cell;

         } 

</style>


</head>

<body>

    <div class="warp1">

          <h1>欢迎来到慕课网</h1>      

    </div>

    <div class="warp2">

        <div class="content">

           <p>慕课网,只学有用的!</p>

           <p>慕课网(IMOOC)是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课。并且富有交互性及趣味性,你还可以和朋友一起编程。</p>

    </div>

</div>

</body>

</html>


写回答

1回答

好帮手慕慕子

2020-11-20

同学你好,代码实现是正确的,建议优化:h1标题设置line-height属性,与高度保持一致后,就可以实现文字垂直居中了,不需要再设置vertical-align属性了,可以去掉这句代码,简化书写。

http://img.mukewang.com/climg/5fb731c009000e4004670209.jpg

祝学习愉快~

0

0 学习 · 40143 问题

查看课程