css

css cascading style sheet 层叠样式表

我们在html里写了些简单标签p、ul、ol、a等组成了的文本内容，但是这样的文本是没有布局的，不能随意的改变其自身属性值（颜色，大小等），也不能改变所在的位置。所以就用到了布局

---

布局分两种
1.行内样式：
将属性写在标签的里面
style="color：...；font-size:...；font-family:...；等"
这样写是没有一点问题的，但是如果很多的标签都具有相同的属性，这样写就显得累赘了，所以需要我们的外部样式

2.外部样式
将样式写在head里，对所有具有相同样式的一起修改，就是下面这种模式

  <style>
          样式
  </style>

那么问题来了，我们到底是给那些标签写样式呢？所以就要确定如何指定标签。有三种方式来选择
第一种：直接用标签名来写

  <style>
      p{font-size:12px;color:14px;background-color:gray}
      div{font-size:14px;}
  </style>

第二种：在标签里添加class="what ever you like"然后在head里添加样式style

  <style>
    .what ever you like{font-size:12px;color:14px;background-color:gray}
  </style>

第三种和第二种类似，将id="what ever you like"写在标签里面，然后在head里添加样式style

  <style>
    #what ever you like{font-size:12px;color:14px;}
  </style>