CSS层叠样式表

1. CSS代码写在哪？
   1. 内联样式表：HTML标签内

<p style="color:blue;">落霞与孤鹜齐飞，秋水共长天一色</p>

1. 1. 内部样式表：head标签内，title标签后面

<style type="text/css">

p {

font-size: 80px;

}

</style>

1. 1. 外部样式表：独立的CSS文件中

p {

border-style: solid;

border-width: 1px;

border-color: black;

text-align: center;

}

使用link标签引入到当前文档中

<link rel="stylesheet" type="text/css" href="css/style.css" />

1. CSS基本语法
   1. CSS语法由三部分构成：选择器、属性和值：selector {property: value}
   2. 
   3. CSS选择器：根据id值定位HTML元素
      1. id选择器

   4. <ul>

      <li>普通列表项</li>

      <li>普通列表项</li>

      <li>普通列表项</li>

      <li id="tuHao">土豪列表项</li>

      <li>普通列表项</li>

      </ul>

      #tuHao {

      font-size: 50px;

      }

   5. 

   6.