代码之家  ›  专栏  ›  技术社区  ›  user279521

关于vs 2010 Web应用程序模板(HTML标记)的问题

  •  1
  • user279521  · 技术社区  · 14 年前

    在下面的图片中,在我的标记中,页面的标题是“欢迎访问我的示例网站”(不是全部大写)。但是,在拆分屏幕中,标题以所有大写字母显示。

    CSS中的代码是:

    h1, h2, h3, h4, h5, h6
    {
        font-size: 1.5em;
        color: #666666;
        font-variant: small-caps;
        text-transform: none;
        font-weight: 200;
        margin-bottom: 0px;
    }
    
    h1
    {
        font-size: 1.6em;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    
    .header h1
    {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color:white;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }
    

    我想在标记中显示我编码的标题(不是全部大写)。

    VS 2010 Sample Template

    3 回复  |  直到 14 年前
        1
  •  1
  •   Jeff Ogata    14 年前

    我想换衣服 font-variant: small-caps; font-variant: normal;

        2
  •  2
  •   Jaymz    14 年前

    导致更改的行位于

    h1, h2, h3, h4, h5, h6
    

    组。

    您可以更改行:

    font-variant: small-caps;
    

    成为:

    font-variant: normal;
    

    但这会把所有的集管都换回正常的套管。如果只想将标题标题更改为普通标题,请将以下内容添加到CSS中:

    #title h1
    {
        font-variant: normal;
    }
    
        3
  •  1
  •   David Thomas    14 年前

    尝试:

    h1 {
    font-variant: normal;
    }
    

    其他可能的值是,如你所见, small-caps inherit .