义云月 发表于 2017-8-26 18:15:58

字体大小都没有变化

<!doctype html>
<html>
        <head>
                        <meta charset="utf-8">
                        <title>欢迎来到HTML世界</title>
                        <style type="text/css">
                                html,body{
                                        height: 100%;
                                        color: #FF0088;
                                        font-family: sans-serif;

                                       
                                }
                                body{
                                                background: url(H_0334.jpg) center center;
                                                background-size:cover;
                                                margin: 0;
                                                padding: 0;
                                                position: relative;
                                               
                                }
                                #container{
                                                width: 100%;
                                                text-align: center;
                                                position: absolute;
                                                top: 50%;
                                                transform: translateY(-50%);
                                                h1{
                                                        font-size: 78px;
                                                        margin-bottom: 22px;
                                                }
                                                p{
                                                        font-size: 33px;
                                                        margin-bottom: 22px;
                                                }
                                                a{
                                                        font-size: 88px;
                                                        background: #33FFFF;
                                                        color: #999;
                                                        border: 1px solid #33FFF;
                                                        border-radius: 10px;
                                                        padding: 10px 66px;
                                                        text-decoration: none;
                                                       
                                                }

                                }
                        </style>
        </head>
        <body>
                <div id="container">
                        <h1>我爱我家</h1>
                        <p>www.FishC.com -让编程改变世界</p>
                        <a href="http://bbs.fishc.com">传送门</a>
                </div>

        </body>
</html>

ba21 发表于 2017-8-26 18:58:29

在对比下：

<style type="text/css">
                              html,body{
                                        height: 100%;
                                        color: #FF0088;
                                        font-family: sans-serif;

                                       
                              }
                              body{
                                                background: url(H_0334.jpg) center center;
                                                background-size:cover;
                                                margin: 0;
                                                padding: 0;
                                                position: relative;
                                                
                              }
                              #container{
                                                width: 100%;
                                                text-align: center;
                                                position: absolute;
                                                top: 50%;
                                                transform: translateY(-50%);
                                                                }
                                                h1{
                                                      font-size: 78px;
                                                      margin-bottom: 22px;
                                                                                                }
                                                p{
                                                      font-size: 33px;
                                                      margin-bottom: 22px;
                                                }
                                                a{
                                                      font-size: 88px;
                                                      background: #33FFFF;
                                                      color: #999;
                                                      border: 1px solid #33FFF;
                                                      border-radius: 10px;
                                                      padding: 10px 66px;
                                                      text-decoration: none;
                                                      
                                                }
                        </style>

义云月 发表于 2017-8-26 21:10:18

ba21 发表于 2017-8-26 18:58
在对比下：

谢谢，代码放错地方了，已改正
页: [1]
查看完整版本: 字体大小都没有变化