". Inline styles will overwrite the same style effects of other introduction methods; it is difficult for multiple elements to share styles, which is not conducive to code reuse; HTML and CSS codes are mixed, which is not conducive to programmers and search engines."/> ". Inline styles will overwrite the same style effects of other introduction methods; it is difficult for multiple elements to share styles, which is not conducive to code reuse; HTML and CSS codes are mixed, which is not conducive to programmers and search engines.">
Home >Web Front-end >Front-end Q&A >What is the inline style of css
In CSS, inline style, also known as inline style, is to directly set the CSS style of the element through the style attribute inside the HTML tag. The syntax "". Inline styles will overwrite the same style effects of other introduction methods; it is difficult for multiple elements to share styles, which is not conducive to code reuse; HTML and CSS codes are mixed, which is not conducive to programmers and search engines.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
Inline style, also known as inline style, is to put the CSS style directly in the tag within the line of code, usually in the style attribute of the tag; that is, it is set directly through the style attribute inside the HTML tag The CSS style of the element. Since inline styles are inserted directly into tags, they are the most direct way, and they are also the least convenient to modify.
Syntax:
<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>
For example:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>第一个网页</title> </head> <body> <h1>我是h1标题</h1> <h2>我是h2标题</h2> <p style="color: red;font-size: 30px;">我是一个段落</p> </body> </html>
In the above example, the inline style is determined by the style attribute of the HTML element, Just put the CSS code within quotes, and separate multiple CSS property values by semicolons
<p style="color: red;font-size: 30px;">我是一个段落</p>
Advantages of inline styles:
Without the style sheet file, efficiency can be improved at certain times;
The style effect using the style attribute will be the strongest and will be overwritten. Same style effect as other introduction methods.
Disadvantages of inline styles:
Getting started with web front-end)
The above is the detailed content of What is the inline style of css. For more information, please follow other related articles on the PHP Chinese website!