第3课 第一个CSS文件

上面我们对CSS的概念和相关知识做了一个初步的了解，接下来学习怎么使用他来改变我们的网页。
要使用CSS第一步要创建一个CSS文件，当然外部引用的方式不是使用CSS的唯一方式，但是以后我们主要用 外部引用的方式使用CSS。
先来演示一下怎么使用CSS。第一步是创建CSS文件。可以用文本编辑器新建一个文件，然后另存为1.css 系统中用.css 的后缀标识 CSS文件。
在CSS内添加内容：
h2 {
color:blue;
}
然后保存。那么我们的第一个CSS文件就做好了。下来就是要引用这个h2的选择器了。h2与标签元素是重名的。我们不需要 用ID来引用它，直接使用就可以了。
新建一个html文件。在 head 里添加 < link href="1.css" rel="stylesheet" type="text/css" >
这一条是告诉浏览器加载1.css 文件。html文件要在同一个目录。
在body标签里加入 < h2> css 改变h2颜色< / h2>
直接用浏览器打开html文件可以看到效果了。是不是很神奇。

CSS 的引用方式有三种： 1 外部引入 ， 2 内部引入 ， 3 行内引用。
1 上面用的就是外部引入的 1.外部引入：CSS代码在一个独立的文件中，HTML通过Link标签引入到页面。 代码格式：< link rel=“stylesheet” href="index.css" type="text/css"> ；注意，这里要放在head 里。

2  内部样式表，内部引入方式如下 ：
< head>
 
< style type="text/css" >
 
h3{
 
color:red;
 
}
 
< / style>
 
< / head>
注意要尽量放在 里。

3 下面是行内方式：
< h1 style="color:red;">红色标题行内式< / h1>
     < p style="color:red;font-size:30px;">p标签行内式< / p>