标签：tar orange color family text ros glob href import
<!--内联-->
<style>
/*span{*/
/*font-size: 30px;*/
/*}*/
/*没有在使用*/
/*@import "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>标签：tar orange color family text ros glob href import
原文地址：http://www.cnblogs.com/lh95/p/6883069.html
