How to reference css in jsp

There are three ways to introduce CSS styles into JSP pages, and their priorities are different. The details are as follows: external style, internal style, and inline style. The priority increases in order!

In software engineering, when I was doing Web front-end development and writing jsp pages, I felt that the pages were very ugly. My classmates introduced me to the problem of inserting css to improve the beauty of the pages.

Recommended course: Java Tutorial.

How to introduce the css style sheet file into the jsp page?

First put the written css style sheet content Save as *.css format. For example, style.css
Introduce this css style file into the page. Introduce it in the following way.

<link>

The href="./css/style.css" here refers to the path where the css file is stored. '.'Requests the current directory (that is, the same directory as the jsp page that introduces the css file) The

rel attribute specifies the relationship between the current document and the linked document. In this example, the rel attribute indicates the linked document. is a style sheet.

By the way, let’s talk about how to write css styles in JSP pages.

Internal styles

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

Add styles using class selectors.

<style>
        .loginBtn{
            display:block;
            cursor: pointer;
            height: 32px;
            margin-bottom: 1px;
            width: 100px;
        }
    </style>

Inline styles

Inline styles lose many of the advantages of style sheets by mixing presentation with content. 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.

<input>

The above is the detailed content of How to reference css in jsp. For more information, please follow other related articles on the PHP Chinese website!