当前位置 : 主页 > 网页制作 > html >

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

来源:互联网 收集:自由互联 发布时间:2023-08-02
如何在html中引入css?html引入css有哪些方法?怎么引用css文件?这些问题对于刚刚入门的css的新手都是很陌生的,那么html怎么引用css?html引用css有几种方法?下面我们来总结一下。 一:

如何在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文件。

上一篇:Bootstrap学习之表单格式与字体图标
下一篇:没有了
网友评论