Home >Web Front-end >CSS Tutorial >Where is the css written?

Where is the css written?

青灯夜游Original: 2021-05-07 17:46:0111415browse

Where to write css: 1. As an inline style, write it in the style attribute of the HTML tag; 2. As an inline style, write it in the style tag of the head tag; 3. As an external style, write it In a separate ".css" file, use the link tag or "@import" rule to introduce it into HTML.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

There are three types of css styles: inline CSS styles, inline CSS styles, and external CSS styles (outline styles).

1. Inline CSS style

Use the style attribute in the HTML tag to set the css style

Format:

<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

Example:

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>

Features: Only applies to this tag.

2. Embedded CSS style

Use the style tag in the head tag to set the css style

Format:

<style type="text/css">
 ....css样式代码 
</style>

Example:

<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>

Features: Applies to the entire current page

3. External CSS style (outline style)

Write the css code in a In a separate ".css" file

Where is the css written?

Introduce the file into the page using the link tag or @import

Example:

<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>

Learning video sharing: css video tutorial

The above is the detailed content of Where is the css written?. 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

Previous article：How to set the suspension effect in cssNext article：How to set the suspension effect in css

See more

Where is the css written?

Related articles