Detailed explanation on how to use the style attribute of HTML tags (with specific examples)-HTML Tutorial-php.cn

This article explains to you the definition and function of the style attribute of HTML tags, as well as examples of how to use the style attribute in HTML, and various style analysis of the style attribute in HTML tags. Let’s take a look at this article together

First of all, let’s introduce the definition of the style attribute of the HTML tag:

The style attribute specifies the inline style of the element. )

The style attribute will override any global style settings, such as those specified in the tag or in an external style sheet.

HTML style attribute example

Using the style attribute in HTML documents:

This is a header This is a paragraph.

Copy after login The syntax of the style attribute in HTML tags:

Copy after login Attribute value of HTML tag style attribute:

style_definition: One or more CSS attributes and values separated by semicolons.

Various style analysis of the style attribute in HTML

1. The style attribute can set the font style (font-family:), font Size (font-size:), text color (color:), etc. It can be set in each different tag, or it can be set in a CSS style sheet. Because my articles are all written following http://www.codecademy.com, I have not introduced CSS yet, so I will not cover CSS here for the time being, just set it in the tag. , the following is the sample code and schematic diagram:

color the text Hello World! 你好！！！！

Copy after login Note:

a) The browser I use is chrome, and when editing and displaying it, I always find that the set 10px font is not applied. Searching the chrome settings, I found that

is that the minimum font set in chrome is 12px, so the 10px font size is useless. Just change the minimum font of the chrome browser to a smaller size.

b) The assignment method in the style attribute is: attribute name: value, instead of the customary equal sign =. If the equal sign is used, the style effect will not be executed.

2. The background color can also be set in the style style . The style contains the attribute background-color. Setting its color value can change the background color within the entire label range

The color specified for background-color. The following is the sample code and schematic diagram: color the text Hello World! 你好！！！！

Copy after login

3. Text alignment

Some label attributes have the align attribute, which can set the text alignment and can also be set in style. Similar properties. The value of this attribute is text-align. Its values include left, center and right. The following is the sample code and schematic diagram:

color the text Hello World! 你好！！！！

Copy after login

Two specific usage examples of the style attribute of html:

练习使用HTML /*标签选择器*/ h4 { color: blue; text-align: right; } 测试html的style属性

h41 h42 Copy after login [Related recommendations from the editor]

html5 What is the role of the details tag? Introduction to the use of tags (with usage examples)

html What is table? How to use various attributes in the tag