問題があるHTMLファイルで自分のスタイルシートを統合

私のコードの動作をテストする方法を理解しようとしていますが、リンクできない理由を理解できているようです。それらは同じフォルダにあります。私はまた、このページにFacebookのピクセルと分析を追加しようとしています。 HTMLファイルにそのコードを埋め込むことはできますか？問題があるHTMLファイルで自分のスタイルシートを統合

アドバンス

で

おかげでここに私のコードです

Htmlの

<!DOCTYPE html> 

<head> 
     <title>Full Screen Landing Page</title> 
     <link href rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body> 
    <section class="intro"> 
     <div class="inner"> 
      <div class="content"> 
      <h1>Welcome To The Tribe</h1> 
      <a class="btn" href="#">Get Started</a> 
      </div> 
     </div> 
    </section> 


</body> 
</html> 

@import url('https//fonts.googleapis.com/css?family=Raleway'); 
@import url('https//fonts.googleapis.com/css?family=Oswald'); 


html, body { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    width: 100%; 

} 

.intro{ 
    height: 100%; 
    width: 100%; 
    margin: auto; 
    background: url() no-repeat 50% 50%; 
    display: table; 
    top: 0; 
    background-size: cover; 
} 

.intro .inner{ 
    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
    max-width:none; 
}

出典

2017-08-09 David Atmajoana

あなたはタイムアウト値 – bhv

あなたは、あなたのスタイルシートをリンクする際rel前hrefを持っている必要はありません。また、閉じるhtmlタグがありますが、開封htmlタグはありません。

出典

2017-08-09 01:38:19 VSherr

それはない<link href rel="stylesheet" href="style.css">

その

<link rel="stylesheet" href="style.css">

出典

2017-08-09 01:39:50 bhv

も、この1つは働く '<リンクのrel = "スタイルシート" のhref = "style.cssに" HREF>'でHREFを追加ではなく、この '<リンクのhrefのrel ="スタイルシート"href =" style.css ">' – bhv

どちらか一方のstyle.cssにカスタムCSSクラスを入れて、任意のCSSファイルを読んでいない空であるとして、それは初期href値を読みますファイルを使用するか、スタイルタグを使用してリンクタグ内にhref属性を重複させることもできます。

<head> 
 
    <title>Full Screen Landing Page</title> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
    <style> 
 
    html, body { 
 
     margin: 0; 
 
     padding: 0; 
 
     height: 100%; 
 
     width: 100%; 
 

 
    } 
 

 
    .intro{ 
 
     height: 100%; 
 
     width: 100%; 
 
     margin: auto; 
 
     background: url() no-repeat 50% 50%; 
 
     display: table; 
 
     top: 0; 
 
     background-size: cover; 
 
    } 
 

 
    .intro .inner{ 
 
     display: table-cell; 
 
     vertical-align: middle; 
 
     width: 100%; 
 
     max-width:none; 
 
    } 
 
    </style> 
 
</head> 
 
<body> 
 
    <section class="intro"> 
 
     <div class="inner"> 
 
      <div class="content"> 
 
      <h1>Welcome To The Tribe</h1> 
 
      <a class="btn" href="#">Get Started</a> 
 
      </div> 
 
     </div> 
 
    </section> 
 

 

 
</body>

出典

2017-08-09 01:40:45 Mindless

問題があるHTMLファイルで自分のスタイルシートを統合

答えて

関連する問題