CSS中的三大样式

1.行内样式

复合样式
  border: 1px solid silver
  border-left:1px solid silver
  border-left-style:solid
  border-left-color:silver
  border-left-width:1px;

  border-right:1px solid silver
  border-top:1px solid silver
  border-bottom:1px solid silver

2.内嵌样式

<div class="block"></div>
<div class="block"></div>
<div id="b2"></div>
<div class="menu"></div>
<ul class="menu">
    <li>1</li>
    <li>2
        <ol>
            <li>22</li>
            <li>22</li>
            <li>22</li>
            <li>22</li>
        </ol>
    </li>
    <li>3</li>
    <li>4</li>
</ul>

3.外部样式

<p>
    外部样式
</p>

css优先级的问题

如果样式之间没有冲突，则叠加，如果样式冲突，考虑优先级：行内>内嵌>外部。（内嵌和外部的加载顺序有可能调换）