標籤：family 解釋 bsp 網頁 編寫 完全 第一個 崩潰 styles
在自學css開始就遇到問題，“鏈入外部樣式表”的習題，代碼如下：
A、被鏈入的CSS檔案代碼.css
<style type="text/css">
<!--
h1{background:gray;text-align:center;font-family:隸書}
h3{background:blue;text-align:center;font-family:隸書}
p{background:green;text-align:center;font-family:隸書}
-->
</style>
--------------------------------------------------------------------------------
B、html習題頁面代碼.html
<html>
<head>
<meta charset="UTF-8">
<title>鏈入外部樣式表</title>
<link rel="stylesheet" type="text/css" href="被鏈入的外部css檔案.css">
</head>
<body>
<h1>編寫外部CSS檔案</h1>
<h3>這是h3示範效果</h3>
<p>在HTML檔案應用鏈入外部樣式表方法調用外部CSS。</p>
</body>
</html>
-------------------------------------------------------------------------------
出現問題可多了~我一一道來
1、上面A、B代碼不變，直接用IE開啟，一切顯示正常，我要的效果都有。但用
chrome和firefox開啟，第一個元素標籤（即h1哪行）沒有CSS效果，後面兩行（
即h3、p）效果正常。why？？
2、如果在B代碼<html>前加入 <!DOCTYPE html>聲明，結果頁面效果和1一樣（
第一行h1失去css效果，後兩行正常）。why？？why？？
3、我用的習題答案全部要求在<style> </style>中間加入 <!-- XXXX--> ,解釋說怕瀏覽器不認得css，可我看好多網頁源碼並沒有這個奇怪的<!-- XXXX-->，看別的CSS書籍也沒有這要求。於是我試著去掉它，結果神奇了，出現了和1、2一模一樣的問題！！！！why？？why？？why？
我完全崩潰了~~~請教高人指點，不勝感謝~~~
在自學css開始就遇到問題，“鏈入外部樣式表”在多瀏覽器顯示問題
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
