1. 首頁
  2. 問答
  3. 未引用CSS樣式：Head First HTML Example

未引用CSS樣式：Head First HTML Example

2015-07-28 37 views
0

我剛開始閱讀HeadFirst HTML和CSS書。在本書中的以下示例代碼中，當我在IE/Firefox/Chrome中查看它時，HTML代碼中的CSS樣式未得到應用。未引用CSS樣式：Head First HTML Example

<html> 
<head> 
<title>Starbuzz Coffee</title> 
<style type=」text/css」> 
body { 
background-color: #d2b48c; 
margin-left: 20%; 
margin-right: 20%; 
border: 1px dotted gray; 
padding: 10px 10px 10px 10px; 
font-family: sans-serif; 
} 
</style> 
</head> 
<body> 
<h1>Starbuzz Coffee Beverages</h1> 
<h2>House Blend, $1.49</h2> 
<p>A smooth, mild blend of coffees from Mexico, Bolivia and 
Guatemala.</p> 
<h2>Mocha Caffe Latte, $2.35</h2> 
<p>Espresso, steamed milk and chocolate syrup.</p> 
<h2>Cappuccino, $1.89</h2> 
<p>A mixture of espresso, steamed milk and milk foam.</p> 
<h2>Chai Tea, $1.85</h2> 
<p>A spicy drink made with black tea, spices, milk and honey.</p> 
</body> 
</html>

請您評論爲什麼它不能按預期工作。雖然我從互聯網上下載了一個與上面相同的代碼的文件index.html，並且它給出了預期的輸出。

感謝，

來源

2015-07-28 Sandeep Nagar

+0

'<風格類型=」文本/ CSS」>' - >'<風格類型= 「文本/ CSS」>' –

回答

0

你寫type=」text/css」它需要type="text/css"。

屬性值通常用U + 0022：引用標記字符分隔。還有其他有效的選項，但您正在使用U + 201D：右側雙引號MARK這不是其中之一。

A validator本來會挑起這個。

使用字處理器編寫代碼可能導致了您的問題。使用文本編輯器（如Sublime Text，Atom或Brackets）。

來源

2015-07-28 06:45:10 Quentin

+0

由於昆汀，CSS樣式改變引號後發生作用。 –

0

簡單：進入首選項。從那裏，查看標籤「新文檔」，並確保「智能行情」框爲UN已勾選。隨時也可以取消選中其他拼寫自動更正，因爲您剛開始時需要一個純文本編輯器，它不會混淆正在編寫的內容。

P.S.，支架是非常好的，因爲它有一個直觀的感受，但它的工作原理最好谷歌Chrome，所以你可能需要下載該瀏覽器，如果你沒有它了。另一方面，如果你剛剛開始，TextEdit可以和Safari一起使用。

來源

2016-06-18 16:09:06

+1

這些步驟是什麼？和IDE？文本編輯器？這是如何解決這個問題的？ – ochi

+0

這些步驟將重新格式化Mac上的TextEdit應用程序。 TextEdit具有自動編輯代碼的選項，但如果您不想要它，您可以更改首選項。 –

+0

它如何解決問題'？爲什麼這個回答關於TextEdit如果這個問題沒有提到它呢？這不是一個真正的答案 – ochi

0

嘗試打開標記只是<style>而不是< style type=」text/css」 >或< style type="text/css" >。有同樣的問題，這一個爲我工作。

來源

2017-12-01 13:25:00 ondrejb

相關問題

 相關問題