2017-05-12 11 views
0

これは非常に疑わしい質問です。しかし、私はこの問題の解決方法を知らない。 私は、HTML見出しがボックスで囲まれ、異なる色を有していなければならないCSSスタイルがFirefoxに適用されていません

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Selectors and Grouping</title> 
 
    <style type=”text/css”> 
 
    p { 
 
     font-family: Arial; 
 
     font-size: 14pt; 
 
    } 
 
    
 
    h1 { 
 
     color: black; 
 
     border: 5px solid black; 
 
    } 
 
    
 
    h2 { 
 
     color: orange; 
 
     border: 4px solid orange; 
 
    } 
 
    
 
    h3 { 
 
     color: blue; 
 
     border: 3px solid blue; 
 
    } 
 
    
 
    h1, 
 
    h2, 
 
    h3 { 
 
     letter-spacing: 5px; 
 
     padding: 10px; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <h1> 
 
    Heading 1 
 
    </h1> 
 
    <h2> 
 
    Heading 2 
 
    </h2> 
 
    <h3> 
 
    Heading 3 
 
    </h3> 
 
    <p> Selectors choose the element to apply formatting to. grouped together. 
 
    </p> 
 
</body> 
 

 
</html>

次のHTML/CSSコードを有しています。しかし、Firefoxブラウザで文書を開くと、スタイルが適用されずにページが表示されます。オンラインバリデータはエラーを指摘します。したがって、この問題はFirefoxと関連している必要があります。誰か助けてくれますか?

ありがとうございます。 <style type=”text/css”>で間違った引用符がありました

1):

+0

であなたのhtmlタグを閉じますhtml '' –

+1

'type =" text/css "を' type = "text/css" 'に置き換え、スマート引用符をあなたのエディタ。 – Xufox

+0

@athimohanあなたの編集(承認されている場合)は実際のエラーを削除します – Pete

答えて

1

は、次のようなエラーを持っています。適切な二重引用符のように変更します。

<style type="text/css"> 

2)あなたが質問に言及しているコード上記のとおりあなたはDOCTYPE宣言で1 <が欠落しています。

3)あなたは<html>タグ

+0

男、ありがとうございました。それはすべて引用符についてです。 –

1

問題は、この部分から来て閉じられていない。

<style type=”text/css”> 

あなたの引用符が良いものではありません。用途:

<style type='text/css'> 
0

あなたのスタイルのタグを見て:通常の二重引用符に

<style type=”text/css”> 

変更

<style type="text/css"> 

とあなたがクローズする必要があるエンド

関連する問題