How to type css code in jsp

How to write CSS code in jsp: 1. Use the tag to define an internal style sheet at the head of the document and write the CSS code; 2. Use the style attribute to write in the relevant tags css code.

The operating environment of this tutorial: Windows 7 system, css3 version, Dell G3 computer.

There are two ways to write css code in jsp:

Internal style: Use the tag to define an internal style sheet at the head of the document, write css code

Inline style: Use the style attribute to write css code within the relevant tag.

1. Internal styles

When a single document requires special styles, an internal style sheet should be used. Internal style sheets can be defined at the head of the document using the tag.

.loginBtn{ display:block; cursor: pointer; height: 32px; margin-bottom: 1px; width: 100px; } Copy after login Recommended: " css video tutorial "

2. Inline style

Because the performance and content must be mixed together, inline style Many advantages of style sheets will be lost. Use this approach with caution, for example when the style only needs to be applied once to an element. To use inline styles, you need to use the style attribute within the relevant tag. The Style property can contain any CSS property.

Copy after login In fact, there is another way (recommended) to add css styles in jsp, which is external style

External style:

When the style needs to be applied to many pages, An external stylesheet would be ideal. With external style sheets, you can change the look of your entire site by changing one file. Each page links to the style sheet using the tag.

hwtt_ui/skins/ /css/login.css" /> Copy after login The three methods of inserting CSS styles into JSP pages have different priorities. The details are as follows: external style, internal style, and inline style. The priority increases in order!