style"을 사용하여 스타일을 추가합니다. 3. ""를 사용하여 스타일을 추가합니다."/> style"을 사용하여 스타일을 추가합니다. 3. ""를 사용하여 스타일을 추가합니다.">

 >  기사  >  웹 프론트엔드  >  CSS를 JSP로 가져오는 방법

CSS를 JSP로 가져오는 방법

青灯夜游
青灯夜游원래의
2021-07-05 15:49:451505검색

방법: 1. 태그 내부의 스타일 속성을 사용하여 스타일을 추가합니다. 2. ""를 사용하여 스타일을 추가합니다. 3. ""를 사용하여 스타일을 추가합니다.

CSS를 JSP로 가져오는 방법

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

jsp에 CSS 스타일을 추가하는 것은 html을 추가하는 것과 같습니다.

  • 인라인 스타일, 스타일 속성 사용

  • 내부 스타일, styleb 태그 사용

  • 외부 스타일, 링크 태그 활용하기

1. 인라인 스타일

한 요소에 한 번만 스타일을 적용해야 하는 경우 인라인 스타일을 사용하려면 해당 태그 내에서 스타일 속성을 사용해야 합니다. 스타일 속성에는 모든 CSS 속성이 포함될 수 있습니다. 인라인 스타일은 프리젠테이션과 콘텐츠를 혼합함으로써 스타일 시트의 많은 장점을 잃습니다. 이 방법은 주의해서 사용해주세요! !

<div style="width:100px"></div>

2. 내부 스타일

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

<style type="text/css">
样式
</style>

3. 외부 스타일

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

<head>
<link rel="stylesheet"  type="text/css"  href="path/myCss.css"/>
</head>

참고: 스타일 우선순위:

인라인 스타일이 가장 높은 우선순위를 가지며 그 다음이 내부 스타일, 외부 스타일이 가장 낮은 우선순위를 갖습니다.

(학습 영상 공유: css 영상 튜토리얼)

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.