Shulou(Shulou.com)06/01 Report--

This article mainly shows you "how to use style tag elements in html", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use style tag elements in html" this article.

Tag tutorial for html tag elements

The style tag is often used in the html mechanism. It is often used to write CSS tables directly in HTML, or to introduce internal CSS files (just as link tags are introduced into internal CSS files).

Course in Cognition and usage

Basic Grammar

Style English translation: fancy style, style meaning

Literally, it is not difficult to know the tags related to CSS tricks.

It's a pair of labels that are closed first. With a split in the face, in order to end. The tag contains the CSS code.

Html style tags are generally placed after and in front of the domain.

Style style label placement location screenshot

Second, how to use it commonly

1. Write CSS code directly in HTML

Place the center of css pattern code

If you write CSS directly in html code, you need to use the style tag. If you put CSS code directly into the html document code, CSS is valid.

Screenshot of style tags in html code

2. Abbreviation

We see that there is another type attribute and value in the style tag, and it is true that this attribute and value may now be omitted and can be directly used.

Remove the screenshot of the abbreviated code of type= "text/css" in style:

Style tag abbreviation

3. Style tags are introduced into external CSS files.

The style tag contains @ import to introduce external CSS style files.

@ import url (images/style.css)

How to introduce external images folder style.css files, usually this introduction is less used, usually using link tags to introduce external CSS files, here clear understanding can be used.

Insert the incoming CSS file within the style tag with @ import

The above is all the content of the article "how to use style tag elements in html". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.