2016-10-15 7 views
0
<style> 
*{ 
    display:block; 
    margin:0 auto; 
} 

#ここでは、すべてのCSSとHTMLコードを表示することはありません。なぜ `* {display:block;マージン:0 auto; } `cssでウェブ上のすべてのCSSコードを表示するには?

なぜ*{display:block; margin:0 auto; }がウェブ上のすべてのCSSコードを表示するには?
*{display:block; margin:0 auto; }がhtmlで削除された場合、そのようなエラーは発生していません。実際にはどのような結果

enter image description here

全体のhtmlファイルを試してみてください。

<html> 
<meta charset="UTF-8"> 
<head> 
<style> 
*{ 
    display:block; 
    margin:0 auto; 
} 
body{  

    width:900px; 
    height:50px; 
    border:solid 4px green; 
} 

#d2{  
    width:100%; 
    height:auto; 
} 
#d21,#d22,#d23{ 
    width:33%; 
    float:left; 
    border:1px solid red; 
} 
select,input{ 
    width:150px; 
    height:auto; 
}  
</style> 
</head> 
<body> 
<div id="d2"> 
    <div id="d21"> 
     <select id="id_select" name="s1"> 
      <option>==> please select <==</option> 
     </select> 
    </div> 
    <div id="d22"> 
     <input type="button" value="start" onclick="start()"> 
    </div> 
    <div id="d23"> 
     <input type="button" value="stop" onclick="stop()"> 
    </div> 
</div> 
</body> 
</html> 
+0

あなたはスタイルタグを閉じている:oはブロックを表示し、センタリングされ、あなたはそうのような<body>タグの内側に住むものだけを選択することをお勧めしますか? '' –

+0

はスタイルタグを閉じました。 –

答えて

0
0
  1. *セレクタdisplay:blockを受け入れないであろう。 <a> <small> <img>以上を除くhtmlのすべての要素はブロック要素です。したがって、display:block*要素に追加する必要はありません。 display:blockを削除し、結果を確認します。

  2. *セレクタは、別の要素内のすべての要素を選択することもできますが、<a> <small> <span>は要素です。したがって、CSS構文はエラーになります。

2

<style>...</style>もHTML要素です。したがって、*セレクタをCSSで使用すると、<style>要素も選択され、適切なスタイリングが適用されます。 <style>のデフォルトスタイルはdisplay:noneです。display:blockを適用すると、実際に表示されます。

+0

申し訳ありませんが、私は投稿する前に、この答えは見えませんでした。これがこの動作の理由です。回避策について私の答えを確認してください。 –

関連する問題