>  기사  >  웹 프론트엔드  >  CSS3과 CSS2의 차이점은 무엇입니까

CSS3과 CSS2의 차이점은 무엇입니까

青灯夜游
青灯夜游원래의
2021-04-28 17:30:364795검색

차이점: 1. CSS3는 애니메이션, 상자 크기, 아이콘 등과 같은 몇 가지 새로운 속성을 추가한 CSS2의 발전입니다. 2. CSS2는 콘텐츠와 성능 효과의 분리를 옹호하는 반면 CSS3는 모듈화를 향해 발전하고 있습니다. 3. CSS2에는 호환성 문제가 없지만 CSS3에는 호환성 문제가 있습니다.

CSS3과 CSS2의 차이점은 무엇입니까

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

CSS는 HTML 마크업 언어에 대한 스타일 설명을 제공하여 해당 요소가 표시되는 방식을 정의합니다. CSS는 웹 디자인 분야의 획기적인 발전입니다. 작은 스타일을 수정하여 이와 관련된 모든 페이지 요소를 업데이트하는 데 사용할 수 있습니다.

CSS에는 css1, css2, css3의 세 가지 주요 버전이 있습니다. CSS1은 속성이 적고 CSS3은 일부 오래된 브라우저에서 지원되지 않기 때문에 CSS2가 더 자주 사용됩니다. 따라서 모든 사람이 개발할 때 주로 CSS2를 사용합니다.

CSS2.0은 W3C에서 추진하는 새로운 스타일 시트 구조로, 이전 CSS1.0이나 CSS1.2와는 완전히 다릅니다. CSS2.0에서는 HTML 요소를 제어할 수 있는 일련의 방법을 권장합니다. CSS2.0 스타일을 통한 디스플레이 효과.

양식의 모양과 스타일을 배치하기 위해 이전 HTML에서 table 및 td의 사용을 완전히 제거할 수 있습니다. 요소를 구분하려면 div 및 Li와 같은 HTML 태그만 사용하면 되며 CSS2.0 스타일을 사용할 수 있습니다. 양식 인터페이스의 모양을 정의합니다.

CSS3 언어 개발은 ​​모듈화를 향해 발전하고 있습니다. 이전 사양은 모듈로서 너무 크고 복잡했기 때문에 더 작은 모듈로 세분화되었고 더 많은 새로운 모듈이 추가되었습니다.

간단히 말하면 css2에는 css3에 있는 속성이 있지만 css2에는 없는 css3 속성이 있을 수 있습니다. CSS3는 최신 버전이고 그 효과는 CSS2와 비교할 수 없습니다. CSS3는 CSS2를 기반으로 몇 가지 새로운 속성을 추가하기 때문에 CSS2의 발전이라고 할 수 있습니다.

예를 들어 둥근 모서리 정의, 배경색 그라데이션 정의, 배경 이미지 크기 제어, 여러 배경 이미지 정의 등은 CSS2에서는 사용할 수 없는 효과입니다. 이제 IE9와 같은 새로운 버전의 브라우저는 기본적으로 CSS3를 지원합니다. FF4+, chrome11+. 하지만 CSS3를 사용하여 웹사이트를 개발하려면 아직 낮은 버전의 브라우저를 사용하는 사용자도 고려해야 합니다.

CSS3과 CSS2의 차이점 요약:

1. CSS3은 CSS2에 몇 가지 새로운 속성을 추가한 것입니다.

  • animation(및 8개의 관련 직접 속성)

  • background-clip

  • Background-origin

  • ground-size

  • border-radius(및 4개의 관련 직접 속성)

  • border-image(및 6개의 관련 직접 속성)

  • box-꾸밈-break

  • box-shadow

  • box-sizing

  • 열(및 13개의 관련 다중 열 속성)

  • ㅋㅋㅋ
  • 글꼴 변형 대문자
  • 매달린 구두점
  • 하이픈
  • icon
  • 이미지 해상도
  • 이미지 방향
  • line-break
  • object- fit
  • object-position
  • opacity
  • outline-offset
  • overflow-wrap / word-wrap
  • backface-visibility
  • per spective
  • perspective- 원본
  • pointer-events(HTML용)
  • resize
  • tab-size
  • text-align-last
  • text-꾸밈-라인
  • 텍스트-장식-
  • text-꾸밈-위치
  • text-장식-스타일
  • text-emphasis (및 세 가지 관련 속성)
  • text-justify
  • text-orientation
  • 을 건너뛰세요.

  • text -overflow
  • transform
  • transform-style
  • text-shadow
  • transition(및 4개의 관련 상세 속성)
  • word-break
  • word - 간격
  • writing-mode
  • 2. CSS2는 콘텐츠와 성능 효과의 분리를 옹호하는 반면 CSS3는 모듈화를 향해 발전하고 있습니다.
  • 3. CSS2에는 호환성 문제가 없지만 CSS3에는 호환성 문제가 있습니다.

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

    )

위 내용은 CSS3과 CSS2의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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