Home >Web Front-end >HTML Tutorial >How to reference css in html? There are several ways to reference css in html

How to reference css in html? There are several ways to reference css in html

云罗郡主
云罗郡主Original
2018-10-31 17:12:1612561browse

How to introduce css into html? What are the ways to introduce css into html? How to reference css files? These questions are very unfamiliar to novices who have just started using CSS. So how does html reference css? How many methods are there for html to reference css? Let’s summarize it below.

How to reference css in html? There are several ways to reference css in html

1: How to reference CSS in HTML? There are several ways to reference CSS in HTML [Recommended reading: How to reference CSS to HTML里

1. Use css style in div to apply css style

2. Use style in html to reference

3. Use @import to reference external css

4. Use link to reference css files

2: Example of html reference css method

1. Directly reference the css style in the element in the html tag, for example:

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

2. You can also put the style style in the html header, for example:

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

4. Use link to call external css files

Place a file in the head header, which describes Call the external wcss.css file to implement the html reference css file.

The above is a complete introduction to how to reference css in html? There are several ways to reference css in html. If you want to know more about HTML tutorial, please pay attention to php Chinese website.


The above is the detailed content of How to reference css in html? There are several ways to reference css in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn