私のウェブサイトの上部に隙間があります

Here is the problem Here is the css 私は単純なポートフォリオのウェブサイトを作成したいと思います。私はHTMLとCSSの初心者です。私は、これはそれが問題を修正行う場合でも、他の質問に私のウェブサイトの上部に隙間があります

@import 
    url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900'); 
    body{ 
    font-family: "Raleway"; 
    padding: 0; 
    margin: 0; 
    } 

    /** HEADER **/ 
    header{ 

    color: #00ff6c; 
    text-align: center; 
    background-color: #232323; 
    height: 1000px; 

    }

は、答えは私が気づいた

を助けていない私のHTMLと私のCSSだ

<body> 

    <header> 

     <h1>Sai Daniels</h1> 

    </header> 

</body>

*{ 
    margin:0; 
    padding:0; 
}

問題は、私がこれを行う必要がある唯一の人であり、問題を引き起こす可能性があると言われています。

出典

2017-11-11 Sai

に私はあなたのコードを試してみましたが、何の隙間がありませんでした。だから問題は何ですか？あなたはスクリーンショットを含めると良いでしょう。 –

カップルの写真を追加しました – Sai

すべてのブラウザにデフォルトスタイルが適用されています。複数のブラウザ間で一貫した視聴体験を得るには、まず*スタイルリセット*を適用してこれらのデフォルトを削除し、その後にスタイルを適用することができます。 –

h1タグは、Google Chromeなど多くのブラウザでデフォルトでは余裕を持っています

あなたのコードは、それが動作する理由である、ユーザーエージェントのスタイルを上書きします。

は、私は通常、迅速なノーマライズCSSとして次のコードを使用します。

* { 
    box-sizing: border-box; 
    margin:0; 
    padding:0; 
}

出典

2017-11-11 04:03:20

使用このCSS

h1 { 
    margin-top: 0; 
}

出典

2017-11-11 04:12:59

は同意しましたが、cssのクラスは他の領域の使用を防ぐために "ヘッダh1"にする必要があります。 SEOにはページごとにh1タグを1回だけ使用する必要がありますが、そのCSSファイルを使用するレイアウトが異なる場合は、そのレイアウトを中断したくありません。 – RLessard

はい、あなたは正しいです。 –

私のウェブサイトの上部に隙間があります

答えて

関連する問題