> 웹 프론트엔드 > CSS 튜토리얼 > JavaWeb의 CSS에 대한 자세한 설명

JavaWeb의 CSS에 대한 자세한 설명

高洛峰
풀어 주다: 2017-03-17 11:51:45
원래의
1476명이 탐색했습니다.

CSS 소개

1. CSS 개요 및 기능

CSS(Cascading Style Sheets)는 웹 페이지의 표시 효과를 정의하는 데 사용되는 CSS 스타일 시트입니다. 이는 HTML 코드의 스타일 정의 중복을 해결하고 최신 스타일 코드의 유지 관리성을 향상시키며 웹 페이지의 표시 효과를 향상시킬 수 있습니다.
기능: CSS는 웹페이지 콘텐츠와 표시 스타일을 분리하여 표시 기능을 향상시킵니다.

2. CSS와 HTML의 조합(*****)(4가지 유형)

CSS와 HTML의 조합

1. 스타일 속성 방식:

각 태그의 표시 스타일을 변경하려면 태그의 스타일 속성을 사용하세요.

예:

<p style="background-color:#FF0000; color:#FFFFFF">
        p标签段落内容。</p>
로그인 후 복사

이 방법은 더 유연하지만 여러 개의 동일한 태그에 대해 동일한 스타일을 정의하는 것이 더 번거롭고 로컬 수정에 적합합니다.

2. 스타일 태그 방식 : (임베디드 방식)

여러 태그를 균일하게 수정하려면 head 태그에 스타일 태그를 추가하세요. ​

<head>
    <style type=”text/css”>
        p { color:#FF0000;}
    </style></head>
로그인 후 복사

이 방법은 한 페이지의 스타일을 균일하게 설정할 수 있지만, 지역적으로는 유연성이 부족합니다.

3. Import 방법 : (공통 방법)

전제는 이미 정의된 CSS 파일이 있다는 것입니다. 웹페이지 스타일의 일부를 사용해야 하는 경우 이 방법을 사용하세요.

예:

<style type="text/css">
    @import url(css_3.css);
    p { color:#FF0000;}</style>  
로그인 후 복사

외부 CSS 파일(.css)의 끝을 정의합니다.
@import url("css file address");는