Home > Web Front-end > Front-end Q&A > What is the way to write inline css?

What is the way to write inline css?

藏色散人
Release: 2021-06-08 14:44:54
Original
3195 people have browsed it

Inline css is written like "

...

" or "

...

"; Inline CSS style sheet is to write CSS code directly in existing HTML tags.

What is the way to write inline css?

The operating environment of this article: windows7 system, css3 version, Dell G3 computer.

What is the way to write inline css?

The inline css style sheet is to write the css code directly in the existing HTML tag, such as the following code:

<p style="color:red">这里文字是红色。</p>
Copy after login

Note that it should be written in the start tag of the element, as shown below The writing method is wrong:

<p>这里文字是红色。</p style="color:red">
Copy after login

and the css style code should be written in double quotes. If there are multiple css style code settings, they can be written together and separated by semicolons. The following code:

The text here is red.

Example:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识html标签</title>
<style type="text/css">
span{
   color:red;
}
</style>
</head>
<body>
    <p style="color:blue">xx网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;
    <span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
Copy after login

(Learning video sharing: css video tutorial)

The above is the detailed content of What is the way to write inline css?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
css
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template