关于css连接方式

css连接方式有三种，分别是内联式，嵌入式，外部式。

①内联式：从head内部设置一个p标签，从中写入style样式；

<p style="color: rgb(237, 18, 18); font-weight: bold;">哈哈</p>

 运行结果：

②嵌入式：在head标签中写入style标签，把css样式写入style标签<style type=“text/css”></style>之间；

head中css代码如下：

<style type="text/css">
    h1{
        color:green;
        /*注意看，color后面跟的是冒号，green没有双引号，最后有一个分号*/
        font-weight:bold;
    }
    </style>

html中body代码如下：

  <h1>这个一个标题</h1>

运行结果如下：

③外部式：在建一个与html同目录下的css文件，从新建的css文件中编写style样式；

css中内容如下：

/*这是一个css文件，命名为waibu.css*/
h2{
    color: orange;
    font-weight: bold;
}

html中head的内容如下： 

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

 html中body的内容如下：

<h2>这是第二个标题</h2>

运行结果如下：

 

以上内容就到这里啦！