2016-12-25 11 views
1

何らかの理由で、埋め込まれたCSSまたはHTMLのいずれのスタイルタグも選択されていません。フォントファミリの変更は有効ではなく、border-top: 5px solid black;行にもなりません。任意のヒント?HTML/CSSスタイルタグが機能しない

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
     My Resume 
    </title> 
<style type=“text/css”> 

#ob { 
    border-top: 5px solid black; 
} 

</style> 
</head> 

<body> 
    <div> 
     <h1 style=“font-family: sans-serif”> 
      <strong>Corey Schnedl </strong> 
     </h1> 

     <h4 style=“font-family: Sans-Serif”> 
      <strong> XXXXXXXXXXX/XXXXXXXX/XXXXX/XXXXX </strong> 
      <br> 
      <strong>XXXXXXXXXXXXX</strong> 
     </h4> 
    </div> 

    <div> 
     <h3 style=“font-family:Arial”> 
      <strong>Objective</strong> 
     </h3> 
     <p> 
      To obtain an entry-level position as a Java software developer. 
    </div> 

</body> 


</html> 
+0

Atomは、初心者によくお勧めするテキストエディタです。 – therobinkim

+0

http://apple.stackexchange.com/questions/120486/quotes-problem-in-mavericks-or-texteditを参照してください。 –

+0

バリデーターを通じてHTMLを実行します。 –

答えて

4

プレーンテキストの引用符を使用します。あなたのコードを壊すこの"ない

四の出現:

  • <style type=“text/css”>
  • <h1 style=“font-family: sans-serif”>
  • <h4 style=“font-family: Sans-Serif”>
  • <h3 style=“font-family:Arial”>

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
     <title> 
 
      My Resume 
 
     </title> 
 
    <style type="text/css" rel="stylesheet"> 
 
    
 
    #ob { 
 
     border-top: 5px solid black; 
 
    } 
 
    
 
    </style> 
 
    </head> 
 
    
 
    <body> 
 
     <div> 
 
      <h1 style="font-family: sans-serif"> 
 
       <strong>Corey Schnedl </strong> 
 
      </h1> 
 
    
 
      <h4 style="font-family: Sans-Serif"> 
 
       <strong> XXXXXXXXXXX/XXXXXXXX/XXXXX/XXXXX </strong> 
 
       <br> 
 
       <strong>XXXXXXXXXXXXX</strong> 
 
      </h4> 
 
     </div> 
 
    
 
     <div> 
 
      <h3 style="font-family:Arial"> 
 
       <strong>Objective</strong> 
 
      </h3> 
 
      <p> 
 
       To obtain an entry-level position as a Java software developer. 
 
     </div> 
 
    
 
    </body> 
 
    
 
    
 
    </html>

+0

うわーありがとう、私は気づいていませんが、 TextEditの設定でプレーンテキストが選択されていますが、 –

+0

票を入力して閉じるには? –

1

編集この:

<style type="text/css" rel="stylesheet"> 

この

style="font-family:'Arial';" 

は、すべてのstyle属性ここで

で編集したページ

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
     My Resume 
    </title> 
<style type="text/css" rel="stylesheet"> 
#ob { 
    border-top: 5px solid black; 
} 

</style> 
</head> 

<body> 
    <div> 
     <h1 style="font-family: sans-serif;"> 
      <strong>Corey Schnedl </strong> 
     </h1> 

     <h4 style="font-family: Sans-Serif;"> 
      <strong> XXXXXXXXXXX/XXXXXXXX/XXXXX/XXXXX </strong> 
      <br> 
      <strong>XXXXXXXXXXXXX</strong> 
     </h4> 
    </div> 

    <div> 
     <h3 style="font-family:Arial;"> 
      <strong>Objective</strong> 
     </h3> 
     <p> 
      To obtain an entry-level position as a Java software developer. 
    </div> 

</body> 
</html> 
012の末尾にセミコロンを置きます

シンセサイザーの間違いを確認するには、バリデーターを使用することをおすすめします。ここにhttps://validator.w3.org/#validate_by_input

+0

また、他の2つを忘れました。 :) –

+1

バグが4回出現し、スタイルが1つしかない場合は、セミコロンは不要です:) –

+0

彼は今は1つしか試していませんが、他のものも追加します。最初からベストプラクティスに従うのがベストです。 – ab29007