How to add CSS to a Web page

css| Web page You can use the following 3 ways to add CSS-specific styling to your Web page:

1. Add a hyperlink to the HTML file and connect to the external CSS document

This method is the easiest way to manage the Web page style of the entire website. It separates the text content of the page from the layout design. You only need to be in a CSS file (the file name is. CSS) to define the style of the Web page, all references linked to this CSS file page, will follow the instructions to reflect the definition of a good style.

It is written in: < html>

< head>

< title> page Title </title>

< LINK rel= "stylesheet" href= "Http://www.webjx.com/css.css" type= "Text/css" >


This method of Navigator4 support is still very buggy, please use it carefully.

2. In HTML file < head>.......
This method is suitable for specifying a Web page, in addition to the external CSS file to define the style of the page, but also to show the HTML file with a raise in the CSS.

If the inner-raised CSS narrative conflicts with the externally linked CSS narrative, the page will be presented with a built-in annotated CSS narrative.

It is written in: < html>

< head>

< title> page Title </title>

< STYLE type= "Text/css" >

<!--

Body {font:12pt}

H1 {font:16pt}

P {font-weight:bold;

Color:green}

-->

</style>


< body>

Start the content of this page ...

</body>


Notably, to prevent browsers that do not support CSS from mistakenly taking CSS style narration between tags as a common string, it is best to insert CSS narrative text between tags.

3. In the HTML file between the lines, at any time need to add a small section of the description of the CSS specified

This method applies to the rendering style of a small piece of text within a specified page.

In addition to exhibiting the external CSS file and the CSS style defined in this HTML file (if any), the navigator also displays the CSS style of the lines.

If the CSS narration between the lines is in conflict with the CSS narration that is defined internally or externally, the display of the navigator will be mainly based on the CSS narration between the lines.

It is written in: < html>

< head>

< title> page Title </title>


< body>

< P style= "color:red" >

Start the content of this page ...

</p>

</body>


The above 3 kinds of CSS, can be used at the same time, you can choose your good, single or dual use. If the narrative between the CSS conflict, then the inherent definition of CSS will cover the external link of the CSS, the lines of the CSS will cover the inherent definition of CSS.