设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › 字体大小都没有变化
返回列表 发新帖
查看: 3469|回复: 2

[已解决]字体大小都没有变化

[复制链接]
义云月
发表于 2017-8-26 18:15:58 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
<!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
在对比下：
2017-08-26_185708.png
  1. <style type="text/css">
  2.                                 html,body{
  3.                                         height: 100%;
  4.                                         color: #FF0088;
  5.                                         font-family: sans-serif;

  7.                                        
  8.                                 }
  9.                                 body{
  10.                                                 background: url(H_0334.jpg) center center;
  11.                                                 background-size:  cover;
  12.                                                 margin: 0;
  13.                                                 padding: 0;
  14.                                                 position: relative;
  15.                                                 
  16.                                 }
  17.                                 #container{
  18.                                                 width: 100%;
  19.                                                 text-align: center;
  20.                                                 position: absolute;
  21.                                                 top: 50%;
  22.                                                 transform: translateY(-50%);
  23.                                                                 }
  24.                                                 h1{
  25.                                                         font-size: 78px;
  26.                                                         margin-bottom: 22px;
  27.                                                                                                 }
  28.                                                 p{
  29.                                                         font-size: 33px;
  30.                                                         margin-bottom: 22px;
  31.                                                 }
  32.                                                 a{
  33.                                                         font-size: 88px;
  34.                                                         background: #33FFFF;
  35.                                                         color: #999;
  36.                                                         border: 1px solid #33FFF;
  37.                                                         border-radius: 10px;
  38.                                                         padding: 10px 66px;
  39.                                                         text-decoration: none;
  40.                                                         
  41.                                                 }
  42.                         </style>
复制代码
QQ图片20170826181535.png
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

ba21
发表于 2017-8-26 18:58:29 | 显示全部楼层    本楼为最佳答案   
在对比下：
2017-08-26_185708.png
  1. <style type="text/css">
  2.                                 html,body{
  3.                                         height: 100%;
  4.                                         color: #FF0088;
  5.                                         font-family: sans-serif;

  7.                                        
  8.                                 }
  9.                                 body{
  10.                                                 background: url(H_0334.jpg) center center;
  11.                                                 background-size:  cover;
  12.                                                 margin: 0;
  13.                                                 padding: 0;
  14.                                                 position: relative;
  15.                                                 
  16.                                 }
  17.                                 #container{
  18.                                                 width: 100%;
  19.                                                 text-align: center;
  20.                                                 position: absolute;
  21.                                                 top: 50%;
  22.                                                 transform: translateY(-50%);
  23.                                                                 }
  24.                                                 h1{
  25.                                                         font-size: 78px;
  26.                                                         margin-bottom: 22px;
  27.                                                                                                 }
  28.                                                 p{
  29.                                                         font-size: 33px;
  30.                                                         margin-bottom: 22px;
  31.                                                 }
  32.                                                 a{
  33.                                                         font-size: 88px;
  34.                                                         background: #33FFFF;
  35.                                                         color: #999;
  36.                                                         border: 1px solid #33FFF;
  37.                                                         border-radius: 10px;
  38.                                                         padding: 10px 66px;
  39.                                                         text-decoration: none;
  40.                                                         
  41.                                                 }
  42.                         </style>
复制代码
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

义云月
 楼主| 发表于 2017-8-26 21:10:18 | 显示全部楼层
ba21 发表于 2017-8-26 18:58
在对比下：

谢谢，代码放错地方了，已改正
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-20 14:15

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表