2014-10-27 108 views
0

好吧,我尝试更改<nav>标记中的字体家族,它不会改变,我试过字体的另一个属性,如font-weight,font-style ,字体大小,它工作,但字体家族。为什么这件事发生了?我无法弄清楚。字体家族财产上<nav>

这是HTML:

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" type="text/css" href="css.css" media="screen"> 
    <title>One Piece | Petualangan Tiada Akhir</title> 
</head> 
<body> 
    <div> 
     <header> 
      <hgroup> 
       <h1>One Piece : Petualangan Tiada Akhir</h1> 
       <h2>Luffy dan Kawan-Kawan Mugiwara Pirates</h2> 
      </hgroup> 
      <nav> 
       <ul> 
        <li><a href="#">beranda</a></li> 
        <li><a href="#">daftar isi</a></li> 
        <li><a href="#">kontak</a></li> 
        <li><a href="#">profil</a></li> 
        <li><a href="#">privacy</a></li> 
        <li><a href="#">disclaimer</a></li> 
       </ul> 
      </nav> 
     </header> 
     <section> 
      <h2>Section</h2> 
     </section> 
     <footer> 
      <small>&copy; Contoh Makalah Mahasiswa Font: Oswald, Source Sans Pro Powered by Blogger Template by :]</small> 
     </footer> 
    </div> 
</body> 
</html> 

现在的CSS:

*{ 
    font-family:calibri; 
    margin:0px; 
    padding:0px; 
} 

header{ 
    padding:10px; 
    margin-left:auto; 
    margin-right:auto; 
    background-color:#0fcdcf; 
} 

header h1{ 
    text-transform:uppercase; 
    font-size:2.5em; 
    font-family:Imprint MT Shadow; 
} 

header h2{ 
    font-size:1.5em; 
    font-family:Giddyup Std; 
} 

nav{ 
    padding-top:10px; 
    text-transform:uppercase; 
    font-size:0.9em; 
    font-family:times new roman; 
    font-weight:bold; 
    font-style:normal; 
} 

nav li{ 
    list-style-type:none; 
    margin-right:5px; 
    display:inline; 
} 

body{ 
    background-color:#d7d5e0; 
} 

div{ 
    width:80%;  
    margin-left:auto; 
    margin-right:auto; 
    box-shadow:10px 5px 10px #888888; 
} 

section{ 
    padding:10px; 
    margin-left:auto; 
    margin-right:auto; 
    background-color:white; 
} 

footer{ 
    padding:10px; 
    margin-left:auto; 
    margin-right:auto; 
    background-color:white; 
} 

在此先感谢。

+0

提供你的代码会有很大的帮助。 – 2014-10-27 15:42:35

+0

您需要阅读有关css特征的信息:https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0CCcQFjAB&url=https%3A%2F%2Fdeveloper。 mozilla.org%2Fen-US%2Fdocs%2FWeb%2FCSS%2FSpecificity&ei = HWhOVNfyGNTfsAT2goHoAw&usg = AFQjCNHG_f6LtVjuZJ7_0REyqI-uHMz0bQ&sig2 = y4Kv2nipdBgKHIHpdSJhbA&bvm = bv.77880786,d.cWc – patricksweeney 2014-10-27 15:43:48

+0

您是否尝试过引用字体名称,例如'font-family:“Times New Roman”,serif;'? – 2014-10-27 16:07:23

回答

1

为了使上面的例子中工作,选择一个标签和更改字体的名字它的作品,我想申请字体家族一些文本应该存在于这个元素

nav li a{ 
    font-family:arial; 
} 
0

你应该显示你的代码。 不管怎么说,这应该工作:

<nav style="font-family: xxx;"> 
+0

不工作的朋友。 – Yagami 2014-10-27 15:55:52