CSS中的样式表

从今天起，我们开始学习CSS。

CSS:它的全称为：Cascading（级联，层叠） Style （样式）  Sheet (表格)，所以也被称为层叠样式表。

CSS的作用：

主要用来进行页面的修饰。 修饰的内容包括，字体的大小，颜色。

有了HTML了，为什么还要引入CSS呢？因为HTML的主要作用是显示数据的作用，虽然可以简单的修饰文本，但是对于修饰方面比较弱，所以才把CSS和HTML结合，展示一个舒适的页面给用户。

CSS的优点：元素的精确定位；多个样式信息共同起作用；可以样式信息和数据信息进行分离。 

CSS样式表:可以分为三种，也可以分为四种

(1).内联式样式表：大部分标签都具有一个属性： style属性
       例子：<p style="属性名称:属性值;属性名称2:属性值2">文本</p>
         特点： 只能给当前的标签施加样式。 
        弊端： 样式内容和展示的数据内容杂糅在一起。 

优点： 优先级是最高。 

(2).内嵌式样式表：在head标签里定义一个css代码,使用style标签

    例子：<style type="text/css">

                    p{

                        color:red;

                        font-size:50px;

                    }

            </style>

         特点： 给当前页面所有的某个标签施加样式。 

（3）引入外部文件

    （1）导入外部样式表（不推荐）

         a:创建外部的css文件。  css文件后缀名称是.css
b: 使用style标签引入外部的样式表。 
  <style type="text/css">
@import url(); 
  </style>

  url:引入css的路径。 

    （2）链接外部样式表（推荐，这个是现在开发者用的最多的一种）

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

href的属性值为css的路径。