Inline css styles

Where can CSS styles be written? From the perspective of the form of CSS style code insertion, it can be basically divided into the following three types: inline, embedded and external. This section first explains the inline style.

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

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

Note that it should be written at the beginning of the element In the tag, the following writing is wrong:

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

And the css style code must be written in style="" double quotes. If there are multiple css style code settings, they can be written together, in the middle Separate with semicolons. The following code:

<p style="color:red;font-size:12px">这里文字是红色。</p>

Continuing Learning

new file

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!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>PHP中文网，<span style="color:blue">超酷的互联网</span
     >、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span>服务及时贴心</span>，内容专业、<span
     >有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX