無聊隨便寫寫的，不要看
阿新 • • 發佈：2017-05-20
name -1 end ros lin type 使用 title 覆蓋
<!--內聯-->
<style>
/*span{*/
/*font-size: 30px;*/
/*}*/
/*沒有在使用*/
[email protected] "global.css";*/
/*strong{*/
/*color: green;*/
/*}*/
p{
/*
繼承 文字類型的樣式具有繼承性
子級樣式不影響父級
*/
font-size: 30px;
font-family: "Microsoft Yahei";
color: #58a;
border: 1px solid orange;
}
span{
color: #faa;
}
</style>
<!--外聯 創建一個CSS文件引入/關聯進HTML-->
<!--<link rel="stylesheet" href="global.css"/>-->
</head>
<!--內聯外聯 權重相同 加載順序-->
<!--!important > 內嵌 > id > class > 元素 > *-->
<!-- 層疊機制
元素的樣式可以來源於不同的方式，
樣式不沖突——同時作用，
樣式沖突——1.權重大的為準， 2.權重相同，後覆蓋前
-->
<p>
我是 p 標記
<span>我是 P 裏面的 span</span>
</p>
<body>
<strong class="strong" id="strong">我是strong不是虛胖</strong>
<hr/>
<!--引入方式-->
<!--內嵌 嵌入-->
<span style="color: red;">*</span>
<span id="span1">1111</span>
<span class="class1">222</span>
<p class="class1">333</p>
<b class="class1">444</b>
<input type="text"/>
<input type="password"/>
<a href="#">雙擊666</a>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>
44
<ol>
<li>4-1</li>
<li>4-2</li>
</ol>
</li>
<li>5555</li>
<li>666666666666666666</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
<p class="p1">啊噠!</p>
<div class="box1">
<p>啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！啊噠瓦達！</p>
</div>
<p>
<span>
span1
<span>span1-1</span>
</span>
<span>span2</span>
<span>span3</span>
</p>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6> 無聊隨便寫寫的，不要看