我有一個CSS失敗，我需要修復

-7

爲什麼不能在我的電腦上工作？我希望我的歡迎使用Arial字體顯示。我有一個CSS失敗，我需要修復

<h1 style="font-family: arial;"></h1> 
<h1>Welcome</h1>

2014-02-18 spharms

請定義「不工作」。什麼不行？你能指望什麼？ – RononDex

什麼不行 - 您預期會發生什麼？什麼不發生？ –

風格，直接定義在teg中，隻影響這個teg，並且根據風格，爲孩子添加標籤。 – atomAltera

唯一的CSS應用於沒有文字的h1。由於它沒有文字，因此無法看到字體的變化。

您需要可以移動的風格屬性，元素與文本：

<h1 style="font-family: arial;">Welcome</h1>

或者使用適當的樣式表。

<style> 
     h1 { 
      font-family: arial; 
     } 
    </style> 
</head> 
<body> 
    <h1>Welcome</h1>

（通過<link>元素與HTML文檔相關外部樣式表是首選

2014-02-18 11:53:47 Quentin

+1因爲我認爲這是OP想要的。很好解釋。 – Ruddy

試試這個：。

<h1 style="font-family: arial;">Welcome</h1>

希望這有助於

2014-02-18 11:54:06 radekg

你的CSS：

h1 { 
    font-family: arial; 
}

和你的HTML：

<h1>Welcome</h1>

，你必須在正確的標籤分配你的風格。在你的代碼中你有兩個h1標籤。如果您直接在第一個應用樣式標記，則第二個不會受到影響。如果您正在使用樣式表，如同我的示例一樣，兩者都會受到影響，因爲我直接引用了所有balsies h1的樣式。

2014-02-18 11:58:00

當您在打開選項卡中使用屬性設置元素的樣式時，它僅應用於該元素，因此您可以使用<h1 style="font-family: arial;">Welcome</h1>代替。但如果你想將樣式應用到所有H1元素，你應該寫的風格無論是在頭元件是這樣的：

<head> 
<style> 
h1{ 
font-family: arial; 
} 
</style> 
</head>

或在一個單獨的CSS文件。

2014-02-18 12:15:40

這不是CSS的工作原理。 –

'head'元素不能包含'body';但它可以包含'style'。確保在發佈答案之前傳播正確的知識。 –

我改變了這個錯誤 – 2014-02-18 12:21:44

使用這個 - 它會很容易理解將此文件保存在home.html中並在任何瀏覽器中運行。

<body> 
<h1 style="font-family: arial;">Welcome</h1> 
</body>

2014-02-18 12:17:21 Abiram

回答