> 웹 프론트엔드 > 프런트엔드 Q&A > CSS와 CSS3의 차이점은 무엇입니까

CSS와 CSS3의 차이점은 무엇입니까

青灯夜游
풀어 주다: 2023-01-03 09:32:01
원래의
6623명이 탐색했습니다.

차이: 1. CSS3은 CSS 캐스케이딩 스타일 시트 기술의 업그레이드 버전을 의미하며, CSS는 HTML 또는 XML과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어를 의미합니다. 2. CSS3에는 둥근 모서리 효과, 그래픽 테두리, 블록 그림자, 텍스트 그림자 등과 같은 CSS보다 많은 새로운 기능이 있습니다.

CSS와 CSS3의 차이점은 무엇입니까

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

CSS란 무엇인가요?

CSS는 Cascading Style Sheets의 약어입니다.

CSS는 브라우저 해석 언어로 컴파일 없이 브라우저에서 직접 실행할 수 있는 마크업 언어입니다.

CSS는 HTML이나 XML을 표현하는 데 사용되는 마크업 언어입니다.

CSS는 W3C의 CSS Working Group에서 권장하고 관리합니다.

CSS는 프로그래밍 초보자에게 필수 과정입니다. CSS 스타일을 사용하면 페이지를 아름답게 만들 수 있습니다.

CSS 구문은 선택기, 속성 및 값의 세 부분으로 구성됩니다. 선택기 {속성: 값}

CSS3이란 무엇입니까?

CSS3은 최신 CSS 표준입니다.

css3에는 CSS보다 더 많은 스타일 설정이 있습니다. CSS3은 앞으로 호환됩니다. 즉, CSS의 유효한 코드는 CSS3에서도 유효합니다.

CSS와 CSS3의 차이점

1. 다른 참조

CSS3: 1999년에 공식화되었으며 W3C에서 작업을 완료했습니다. CSS3 초안.

CSS: HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다.

2. 다양한 콘텐츠

CSS3: 주로 상자 모델, 목록 모듈, 하이퍼링크 방법, 언어 모듈, 배경 및 테두리, 텍스트 효과, 다중 열 레이아웃 및 기타 모듈이 포함됩니다.

CSS: 웹페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 함께 웹페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다.

3. 다양한 기능

CSS3: 둥근 모서리 효과, 그래픽 테두리, 블록 그림자 및 텍스트 그림자, RGBA를 사용하여 투명 효과 구현, 그라디언트 효과, @Font-Face를 사용하여 사용자 정의 글꼴 구현 등 다양한 새로운 기능이 있습니다. , 다중 배경 그림, 텍스트 또는 이미지의 변형 처리(회전, 크기 조정, 기울이기, 이동), 다중 열 레이아웃, 미디어 쿼리 등

CSS: 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기와 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집하는 기능이 있습니다.

CSS3의 새로운 속성

box-shadow(그림자 효과)

border-colors(테두리에 여러 색상 설정)

boder-image(그림 테두리)

text-shadow(텍스트 그림자)

text-overflow(텍스트 잘림)

border-radius(둥근 테두리)

opacity(불투명도)

box-sizing(상자 모델의 구성 모드 제어): 두 상자에 테두리가 지정되도록 지정

resize(요소 크기 조정) ) : 사용자가 크기를 조정할 수 있도록 div 요소를 지정합니다.

outline(외부 테두리)

background-origin(배경 이미지가 표시되기 시작하는 위치 지정)

background-clip(배경 이미지가 시작되는 위치 지정) 잘림)

배경(하나의 요소에 여러 배경 지정)

추천 튜토리얼: CSS 비디오 튜토리얼

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿