2014-10-27 121 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