How to reference css style in html? Introduction to three methods of html referencing css files-HTML Tutorial-php.cn

There are three ways to reference CSS styles in HTML. So, what are the three ways? This article will give you a detailed introduction to three methods for html to reference css files.

Applying style sheets to HTML documents and XHTML documents in CSS can be roughly divided into the following three methods. (Recommended tutorial: css video tutorial )

1. Use the element to call and apply external CSS files

2. Use the element to apply Document unit

3. Apply styles by adding style attributes to elements

Use the element to call and apply external CSS files

Create A CSS file that describes the style sheet separately from the HTML file and calls it from the HTML file. For calls, the external CSS file is specified via a element in the element describing the HTML document. To notify the browser etc. that the applied styles are based on CSS, specify text/css for the value of the type attribute of the element. Taking into account compatibility with XHTML, ease of modifying styles, etc., it is recommended to set up the style sheet this way.

Style sheet components are described in external files (xxx.css).

p {color：blue; line-height：1.5;} Copy after login HTML source code

这是一个段落 Copy after login Applied to document units using the element

In HTML Write the element in the element of the document and set the style sheet for each document. Specify text/css as the value of the type attribute of the element to inform browsers etc. that the applied styles are based on CSS.

Also, use The comment style sheet section is to prevent the content of the element from being displayed in older browsers that do not correspond to the style sheet. However, since most browsers in recent years support the element, even if the , there are almost no problems.

这是一个段落。

Copy after login Apply styles by adding style attributes to elements

Add style attributes to elements and describe style specifications directly in the HTML source code. In order to specify a style through the style attribute, in order to notify the browser etc. that the style sheet used in the document is CSS, add a element to the element and specify the style language specifying text/css as the value. In many cases, the browser will automatically figure this out even if you don't specify it, but you should write it to avoid glitches.

Style specification of style attributes is useful for partially prioritizing styles, but it tends to complicate style management as the HTML source becomes complex. When aiming for efficient style management, it is common to convert CSS portions to external files.

Example: Apply stylesheet directly using style attributes

这是一个段落。

Copy after login