189 8069 5689
在html网页中引入引入css主要有以下四种方式：
10余年的北塔网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整北塔建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“北塔网站设计”,“北塔网站推广”以来，每个客户项目都认真落实执行。
（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文件。但是链接式对于客户端用户浏览网站时，效果会好些。
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样式方法。
CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。
01
行内样式
CSS可以直接放到行内样式中引入即可，比如代码如下图：
p style="color: blue; background: red;"
hello world！
/p
02
嵌入式
还可以采用潜入方式引入CSS，就是把CSS写到style标签中，这种方式比较实用，如下图所示：
style type="text/css"
h1 {color: red;}
/style
h1hello world/h1
03
外部样式表
还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。
@import url(main.css);
有3种方式：
分别如下：
1--行间样式表(内联样式)
div style="……"/div
2--内部样式表
style
选择器｛属性：属性值｝
/style
3--外部样式表
link href="style.css" rel="stylesheet“ type=“text/css”/
有两种方式
1、在head标签之间添加style标签
2、直接在HTML代码里添加style属性，然后在属性里定义css代码
3、也可以将1中的style标签里的内容放到一个css文件里，然后在html页面引用这个文件也是一样的效果
link href="css文件路径" rel="stylesheet" !--这样就可以了，尽量代码简洁--
4、下面是我的HTML代码