What are the ways to introduce css style sheets? How are they implemented?

Introducing css style sheets is a key step in using css to create a website. Many people still don’t know what methods there are to introduce css style sheets? So let’s talk about what are the ways to introduce css style sheets? And how to achieve the three effects.

1: What are the ways to introduce css style sheets

There are three ways to introduce css style sheets, the first is to embed style, that is, written into external css, the other is introduced inline, written between , and the third is written directly in html.

2: How to implement the introduction of css style sheet

1. Externally introduce css, usually in the website source code, we can see it in the website source code The suffix name uses .css as the file extension, such as css.css. External styles need to be introduced into our website, for example:

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

2. Introduce style sheets inline, and embedded styles are also the same. This kind of cascade is usually placed at the head of the website, and the embedded style can only be used in one web page, for example:

<style type="text/css">
中间用于放CSS样式代码
</style>

3. The implementation of inline styles is also very simple, we You can use style attributes to put them directly into our code, for example:

<div style="width:100px">设置div标签宽度为100px</div>

The above is a complete introduction to what are the methods of introducing css style sheets? How are they implemented? If you want to know more about CSS video tutorial, please pay attention to php Chinese website.

The above is the detailed content of What are the ways to introduce css style sheets? How are they implemented?. For more information, please follow other related articles on the PHP Chinese website!