html引用css样式的简单介绍

HTML中怎么导入css？

有3种方式：

成都创新互联公司主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、响应式网站建设、程序开发、网站优化、微网站、成都小程序开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的做网站、成都网站设计、网站设计、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体。

分别如下：

1--行间样式表(内联样式)

div style="……"/div

2--内部样式表

style

选择器｛属性：属性值｝

/style

3--外部样式表

link href="style.css" rel="stylesheet“ type=“text/css”/

在html下导入css

html引用css方法如下

1、直接在HTML标签中内嵌css样式

2、html中使用style自带式

3、使用@import引用外部CSS文件

4、使用link引用外部CSS文件 推荐此方法

方法说明：

1、直接在html标签元素内嵌入css样式

我是div css测试内容

效果如下图

1.jpg

2、在html头部head部分内style声明插入

代码如下：

!--

.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/

--

我是div css测试内容

效果同上。

3、使用@import引用外部CSS文件方法

HTML代码：

css引用方法实例

!--

@import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/

--

我是div css测试内容

Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}

4、使用link来调用外部的css文件

在head放置

来调用外部的wcss.css文件来实现html引用css文件

此方法就不需要style标签，而是直接通过link一个样式来引用外部样式，一般推荐使用link来引用外部的css样式方法。

在html文档中引用css有几种方式?分别是什么?

一般来说只有3种：

1.最常用的，引入样式表，在样式表中编写样式，引入方式如下：

link href="css/style.css" rel="stylesheet" type="text/css"

2.在Html头部用style/style包起来，在这里面编写样式：

style type="text/css"

*{

padding: 0;margin: 0

}

/style

3.在标签里面直接编写行内样式。

div style="color: #333"div

当然还有一种方式是用JS直接更改或者赋值给某个标签，但是其实是属于第三种的范围的

在html中怎样使用css样式？

在html网页中引入引入css主要有以下四种方式：

（1）行内式

p style=”color:red”网页中css的导入方式/p

（2）嵌入式

style type=”text/css”

P{ color:red }

/style

嵌入式一般写在head中，对于单个页面来说，这种方式很方便。

（3）导入式

!-- 导入外部样式：在内部样式表的style/style标记之间导入一个外部样式表，导入时用@import。 --

style type="text/css"

@import "jisuan.css";

/style

（4）链接式

link href="jisuan.css" rel=”stylesheet” type=”text/css” /

导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。