JSP에서 CSS 코드를 입력하는 방법

JSP에서 CSS 코드 작성 방법: 1. c9ccee2e6ea535a969eb3f532ad9fe89 태그를 사용하여 문서 헤드에 내부 스타일 시트를 정의하고 CSS 코드를 작성합니다. 2. 해당 태그에 스타일 속성을 사용하여 작성합니다. CSS 코드.

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

jsp에 CSS 코드를 작성하는 방법에는 두 가지가 있습니다.

내부 스타일: c9ccee2e6ea535a969eb3f532ad9fe89 태그를 사용하여 문서 헤드에 내부 스타일 시트를 정의하고 CSS 코드를 작성합니다.

인라인 스타일: 관련 태그 스타일 속성을 사용하여 CSS 코드를 작성합니다.

1. 내부 스타일

하나의 문서에 특별한 스타일이 필요한 경우 내부 스타일 시트를 사용해야 합니다. 내부 스타일 시트는 c9ccee2e6ea535a969eb3f532ad9fe89 태그를 사용하여 문서 헤드에 정의할 수 있습니다.

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

추천: "css 비디오 튜토리얼"

2. 인라인 스타일

성능과 콘텐츠의 혼합으로 인해 인라인 스타일은 스타일 시트의 많은 장점을 잃게 됩니다. 예를 들어 스타일을 요소에 한 번만 적용해야 하는 경우에는 이 접근 방식을 주의해서 사용하세요. 인라인 스타일을 사용하려면 해당 태그 내에서 style 속성을 사용해야 합니다. 스타일 속성에는 모든 CSS 속성이 포함될 수 있습니다.

<input type="text" name="authCode" style="vertical-align: middle" />

실제로 jsp에 CSS 스타일을 추가하는 또 다른 방법(권장)이 있는데, 그것이 바로 외부 스타일입니다.

외부 스타일:

스타일을 여러 페이지에 적용해야 하는 경우 외부 스타일 시트가 이상적인 선택이 될 것입니다 . 외부 스타일 시트를 사용하면 파일 하나를 변경하여 전체 사이트의 모양을 변경할 수 있습니다. 각 페이지는 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 스타일 시트에 연결됩니다.

<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />

다른 우선순위로 CSS 스타일을 JSP 페이지에 삽입하는 세 가지 방법. 세부 내용은 외부 스타일, 내부 스타일, 인라인 스타일이다. 순서대로 우선순위가 높아집니다!

위 내용은 JSP에서 CSS 코드를 입력하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!