JSP 페이지에 CSS 스타일을 추가하는 방법-CSS 튜토리얼-php.cn

JSP 페이지에 CSS 스타일을 추가하는 방법: 1. JSP 페이지에서 "2cdf5bf648cf2f33323966d7f58a7f3f" 태그를 사용하여 CSS 스타일 시트를 연결합니다. 2. JSP 페이지에서 "c9ccee2e6ea535a969eb3f532ad9fe89" 태그를 사용하여 정의합니다. 문서 헤더 테이블의 내부 스타일 3. CSS 스타일을 포함하려면 jsp 페이지의 태그 요소에 있는 스타일 속성을 사용하세요.

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

권장: css 비디오 튜토리얼

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

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

hwtt_ui/skins/ /css/login.css" /> rel属性规定当前文档与被链接文档之间的关系，在该例子中rel 属性指示被链接的文档是一个样式表。

【2】内部样式 当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用 c9ccee2e6ea535a969eb3f532ad9fe89 .loginBtn{ display:block; cursor: pointer; height: 32px; margin-bottom: 1px; width: 100px; }

rel 속성은 현재 문서와 링크된 문서 사이의 관계를 지정합니다. 이 예에서 rel 속성은 링크된 문서가 스타일 시트임을 나타냅니다. 【2】내부 스타일

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

【3】인라인 스타일 🎜 🎜 인라인 스타일은 표현과 내용이 혼합되어 있기 때문에 스타일 시트의 장점을 많이 잃습니다. 예를 들어 스타일을 요소에 한 번만 적용해야 하는 경우에는 이 접근 방식을 주의해서 사용하세요. 인라인 스타일을 사용하려면 해당 태그 내에서 style 속성을 사용해야 합니다. 스타일 속성에는 모든 CSS 속성이 포함될 수 있습니다. 🎜rrreee🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 학습🎜을 방문하세요! ! 🎜