CSS基础与引入方法

2017-02-09 本文已影响0人杨慧莉

CSS选择器（selector），以及一条或多条声明（declaration）

selector {
declaration1; 
declaration2; 
... declarationN 
}

每个声明用分号隔开，最后一个声明不用
而每一个声明由一个属性名和一个值组成。属性名和值被冒号分开

selector {property: value}

一般来说，我们让选择器单独占一行，在{}内一行只写一个声明，冒号前紧跟属性名，冒号后面空一格写属性值

h1 {
  font-size: 12px;
  color: #ffffff;
  font-family: sans-serif;
}

CSS的作用：为HTML提供显示效果
在HTML中引入CSS的方式有三种：

下面是对这三种方式的具体介绍。

使用方法：直接修改想要改变样式的HTML元素的style属性，将css代码直接写在style属性里。例如：
<h1 style="font-size: 12px;">我的字号被修改了</h1>

-使用方法：直接写在style标签里，一般要求写在head标签里。例如：

<head>
    <style>
        h1 {
          font-size: 12px;
        }
    </style>
</head>

<head>
     <link rel='stylesheet' href='style.css' />
</head>