html页面中如何调用css样式?

如何在html中引入css?如何调用css样式?怎么引用css文件?这些问题对于刚刚入门的css的新手都是很陌生的。下面本篇文章就来给大家介绍一下在html页面中调用css样式的方法,希望对大家有所帮助。

html中调用css样式的方法

  • 在HTML标签中使用style属性来调用css样式,实现应用css样式

  • 使用html中的<style>标签来调用

  • 使用@import来引用外部css

  • 使用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引用CSS的样式内容*/ 
@import url(wcss.css);
/*或*/ 
@import "sub.css";

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

在head头部放置一个文件,该文件使用<link>标签来调用外部的wcss.css文件来实现html引用css文件。

<link rel="stylesheet" href="wcss.css" type="text/css" /

以上就是html页面中如何调用css样式?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑