Question

我在css文档中设置自定义字体大小时遇到问题。这是我的问题。我使用html5的nav标签。我在哪里放置font-size属性？

这是我的codeQ

的一部分

部分HTML代码：

<div id="nav">
        <nav>
            <ul>
                <li>
                    <a href="#">ΑΡΧΙΚΗ</a>
                </li>
                <li>
                    <a href="#">ΥΠΗΡΕΣΙΕΣ</a>
                </li>
                <li>
                    <a href="#">ΒΙΟΓΡΑΦΙΚΟ</a>
                </li>
                <li>
                    <a href="#">ΕΠΙΚΟΙΝΩΝΙΑ</a>
                </li>
            </ul>
        </nav>
    </div>

我的部分css代码：

#nav {

    width: 30%;
    margin:0 auto;

}

nav>ul {
    list-style: none;       
}

nav>ul>li { 

    display: inline;
}

nav>ul>li>a {
    font-family: "Comfortaa Thin", Comfortaa;
    color:#807f7f;          
}

Answer 1

您可以将font-size应用于任何容器元素，包括nav本身

＆＃13;

nav {
  font-size: 40px;
}
#nav {
  width: 30%;
  margin: 0 auto;
}
nav>ul {
  list-style: none;
}
nav>ul>li {
  display: inline;
}
nav>ul>li>a {
  font-family: "Comfortaa Thin", Comfortaa;
  color: #807f7f;
}

＆＃13;

<div id="nav">
  <nav>
    <ul>
      <li>
        <a href="#">ΑΡΧΙΚΗ</a>
      </li>
      <li>
        <a href="#">ΥΠΗΡΕΣΙΕΣ</a>
      </li>
      <li>
        <a href="#">ΒΙΟΓΡΑΦΙΚΟ</a>
      </li>
      <li>
        <a href="#">ΕΠΙΚΟΙΝΩΝΙΑ</a>
      </li>
    </ul>
  </nav>
</div>

＆＃13;

Answer 2

nav>ul>li>a {
    font-family: "Comfortaa Thin", Comfortaa;
    color:#807f7f;
    font-size: /*write here*/;          
}

使用html5的nav标签更改导航栏的字体大小＆gt; ul＆gt; li＆gt;元素

2 个答案: