What are the three ways to implement css in html?

Three implementation methods: 1. Use the style attribute in the html tag to define the css style; 2. Write the css style in the "" tag in the header of the html file; 3. , introduce external CSS style files through the "" tag.

The operating environment of this tutorial: Windows7 system, CSS3&&HTML5 version, Dell G3 computer.

CSS styles are referenced in 3 ways. They are defined inline, linked to internal CSS and linked to external CSS.

1. Inline definition

Inline definition, that is, using the object's style attribute within the object's tag to define the applicable style sheet attributes. The format is defined as: <p style="content"></p>, the following example

The browser displays the content at this time

2. Link to internal CSS

The link within CSS is made by <style></style> The tag pair is placed in . There is a type attribute type in

<style type="text/css">
   /*这里写CSS内容*/
 </style>

The example is as follows:

The rendering is as follows:

3. Link external CSS

css external link is to place the CSS file outside the web page, and make the CSS file effective for the style of this web page through the link , which is equivalent to in C language .h file. The attributes in

include type, rel, and href, where type is fixed to text/css, and rel (ie, style sheet) is fixed to stylesheet. href naturally refers to the address of the css file. The syntax format is:

 <link type="text/css" rel="stylesheet"  href="css文件的存放地址">

The sample code is as follows:

The content of web.css is

The effect is as follows

Learning video sharing: css video tutorial

The above is the detailed content of What are the three ways to implement css in html?. For more information, please follow other related articles on the PHP Chinese website!