简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > CSS Tutorial > body text

Detailed example of writing format of css style

高洛峰
Release： 2017-03-04 10:38:32
Original
2097 people have browsed it

There are three writing formats for css

Inline style: means to write the style inline

For example

write my color with inline style

only applies to (font color and background color) and tags inside , but it does not apply to tags outside such as: head, title, etc.

Embedded styles: Use style to uninstall all styles in style.

For example: 

<head>

<style>

p{   

color:red;   

background:blue;   

border:1px solid green;   

}   

</style>

</head>

<body>

<p>用内嵌方式编写我的样式</p>

</body>
Copy after login

External link style: The popular point is the external style, which uses the link style to connect to the external .css file.

For example: 

<head>

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

</head>
Copy after login

Yes, it’s so simple. You only need to write the css style to another .css text and then just link it on the page. The style is displayed in , but be sure to pay attention to the file path! ! ! It’s okay if the path is wrong.

I personally recommend using external style, which separates css and layout code, making the code more editable and loading faster.

The above detailed explanation of the writing format of citing css style is all the content shared by the editor. I hope it can give you a reference, and I also hope that everyone will support the PHP Chinese website.

For more detailed examples of css style writing formats and related articles, please pay attention to the PHP Chinese website!

Related labels：
css 样式 书写 格式
source：php.cn
Previous article：Example introduction of css3 media responsive layout Next article：Simple example of css3 filtering effect
Statement of this Website
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
Latest Articles by Author
Latest Issues
Dynamically modify inline CSS styles in Javafx I'm trying to change the background image of a pane when the application is maximized. My ...
From 2024-04-06 20:57:16
0
1
487
Calculate the sum of fields in another table using MySQL SQL query I have a schema like this: User table with attributes "user_id" and "userna...
From 2024-04-06 19:39:29
0
1
441
Generate default values ​​and CSS variables using SCSS I'm implementing website styling. For legacy support reasons, I need to support IE11, at l...
From 2024-04-06 17:46:54
0
1
355
CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
From 2024-04-06 17:12:23
0
1
336
Why is my hr tag translucent when it is set to a solid color of white? I have a html (with bootstrap) and a css, in my html I have a <hr> tag which has a c...
From 2024-04-06 16:13:26
0
1
500
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！