cssの3つの導入方式

1211 ワード

H 5学習

css三中導入方式：

「行間スタイル」>「内部スタイル」=外部スタイル(内部スタイルと外部スタイルの優先度が同じで、ドキュメントの後ろにあるものは前のものを上書きします)




			
	
	<!-- 
	         
	    >    =    （              ，           ）

	 -->



	<!--        
 	      
 	           
 	  ： head  ，  link         ， href             
	 -->
	<link rel="stylesheet" type="text/css" href="css/style.css"/>

	<!--          head      style    style       
	  ：    {  }
	-->
	<style>
		p{
			width: 200px;
			height: 200px;
			background-color: yellow;
		}
		div{
			width: 300px;
			height: 300px;
			background-color: pink;
		}
	</style>	



<!--      style  ，    style ，    。            -->
<div style="width: 100px;height: 100px;background-color: purple;"/>
<p>  </p>
<p>   </p>
<ul>
	<li>  </li>
	<li>   </li>
	<li>  </li>
	<li>  </li>
</ul>


</code></pre> 
  <br/> 
 </div> 
</div>
                            </div>
                        </div>

CSSスタイルオーバーライド

js/css検出移動機器方向の変化判断縦横画面