html怎么引用css?html引用css有几种方法

云罗郡主
云罗郡主原创
2018-10-31 17:12:1611781浏览

如何在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教程,请关注php中文网。


以上就是html怎么引用css?html引用css有几种方法的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。