欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

Html怎么引用Css?Html引用Css有几种方法

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

如何在Html中引入Css?Html引入Css有哪些方法?怎么引用Css文件?这些问题对于刚刚入门的Css的新手都是很陌生的,那么Html怎么引用Css?Html引用Css有几种方法?下面我们来总结一下。

微信截图_20181031164943.png

一:Html怎么引用Css?Html引用Css有几种方法【推荐阅读:怎么引用CSS到HTML里

1.在div中使用Css样式,来实现应用Css样式

2.使用Html中的style来引用

3.使用@import来引用外部Css

4.使用link引用Css文件

二:Html引用Css方法的例子

1.直接在Html标签中元素中引用Css样式,比如:

<div style="font-size:14px; color:#FF0000;">

2.也可以在Html头部放入style样式,例如:

<style type="text/Css"> 
<!-- 
.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/ 
--> 
</style> 
3.使用@import引用外部CSS文件方法,例如:
<!-- 
@import url(wCss.Css);/*这里是通过@import引用CSS的样式内容*/ 
-->

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

在head头部放置一个文件,该文件说明<link rel="stylesheet" href="wCss.Css" type="text/Css" />来调用外部的wCss.Css文件来实现Html引用Css文件。

以上就是对Html怎么引用Css?Html引用Css有几种方法的全部介绍,如果你想了解更多有关HTML教程,请关注杨雨个人博客。 本文地址:http://itbyc.com/web/html5/19948.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1