HTML CSS3가 무엇인가요?

CSS3은 CSS(Cascading Style Sheets) 기술의 업그레이드 버전으로 1999년에 공식화되었습니다. 2001년 5월 23일 W3C는 주로 상자 모델, 목록 모듈, 하이퍼링크 방법을 포함하는 CSS3 작업 초안을 완성했습니다. 및 언어 모듈, 배경 및 테두리, 텍스트 효과, 다중 열 레이아웃 및 기타 모듈.

CSS 발전의 주요 변화 중 하나는 CSS3를 일련의 모듈로 나누기로 한 W3C의 결정입니다. 브라우저 공급업체는 CSS의 속도에 맞춰 빠르게 혁신하므로 모듈식 접근 방식을 취하면 CSS3 사양의 요소가 서로 다른 속도로 발전할 수 있습니다. 왜냐하면 다양한 브라우저 공급업체는 특정 기능만 지원하기 때문입니다. 그러나 서로 다른 브라우저는 서로 다른 시기에 서로 다른 기능을 지원하므로 크로스 브라우저 개발도 복잡해집니다.

개발 프로세스

W3C는 2001년 초에 CSS3 사양 초안을 완성했습니다. CSS3 사양의 새로운 기능은 여러 개의 독립적인 모듈로 나누어져 있다는 것입니다. 한편으로는 여러 개의 작은 모듈로 나누는 것이 적시에 사양을 업데이트하고 출시하며, 모듈 콘텐츠를 적시에 조정하는 데 더 도움이 되며, 이는 또한 향후 CSS 확장을 위한 기반을 마련합니다. 반면, 지원되는 장치 및 브라우저 제조업체의 제한으로 인해 일부 모듈을 선택적으로 지원하고 CSS3의 홍보에 도움이 되는 CSS3 하위 집합을 지원할 수 있는 장비 또는 제조업체가 없습니다.

Programming Development

CSS3 프로그래밍 도구는 CSS와 동일하며 다음과 같은 텍스트 편집 도구를 사용하여 작성할 수 있습니다. Windows, 메모장 또는 IntelliJ IDEA, Eclipse, MyEclipse, webstorm, sublime text와 같이 웹 페이지 텍스트를 편집하는 데 특별히 사용되는 기타 도구에는 다음과 같은 프런트 엔드 개발용 플러그인도 있습니다. .

언어 기본

CSS3의 구문은 CSS의 원래 버전을 기반으로 하며, 이를 통해 사용자는 태그 요소에 특정 HTML을 지정할 수 있습니다. 중복 클래스, ID 또는 JavaScript를 사용합니다. 대부분의 CSS 선택기는 CSS3의 새로운 기능은 아니지만 이전 버전에서는 널리 사용되지 않았습니다. 깔끔하고 가벼운 태그를 만들고 구조와 성능을 더 효과적으로 분리하려는 경우 고급 선택기가 매우 유용합니다. 태그의 클래스 및 ID 수를 줄여 디자이너가 스타일시트를 더 쉽게 유지할 수 있습니다.

장점 평가

1. 개발 비용 및 유지 관리 비용 절감

CSS3가 등장하기 전에는 개발자가 둥근 모서리 효과를 얻기 위해 추가 HTML 태그를 추가하고 하나 이상의 이미지를 사용해야 하는 경우가 많았습니다. 그러나 CSS3를 사용하려면 태그 하나만 필요하며 CSS3의 border-radius 속성을 사용하여 완료할 수 있습니다. 이러한 방식으로 CSS3 기술은 사람들이 이미지를 그리고 자르고 최적화하는 작업에서 해방될 수 있게 해줍니다. 나중에 필렛의 곡률이나 색상을 조정해야 하는 경우 CSS2.1을 사용하여 이미지를 처음부터 그리고 잘라내야 이를 달성할 수 있습니다. CSS3를 사용하면 border-radius 속성 값만 수정하면 빠르게 완료됩니다. 수정.

CSS3에서 제공하는 애니메이션 기능을 사용하면 개발자는 일부 동적 버튼이나 동적 탐색을 구현할 때 JavaScript를 사용하지 않아도 되므로 개발자는 스크립트를 작성하거나 적합한 스크립트 플러그를 찾는 데 많은 시간을 소비할 필요가 없습니다. -ins. 일부 동적 웹사이트 효과를 적용합니다.

2. 페이지 성능 향상

많은 CSS3 기술은 동일한 시각적 효과를 제공하여 이미지를 "대체"합니다. 웹 개발을 수행하고 중복된 태그 중첩과 사용되는 이미지 수를 줄이면 사용자가 다운로드해야 하는 콘텐츠가 줄어들고 페이지가 더 빠르게 로드됩니다. 또한 이미지, 스크립트 및 플래시 파일 수가 적으면 사용자가 웹 사이트를 방문할 때 HTTP 요청 수를 줄일 수 있으며 이는 페이지 로딩 속도를 향상시키는 가장 좋은 방법 중 하나입니다. CSS3를 사용하여 그래픽 웹 사이트를 만들면 이미지가 필요하지 않으므로 HTTP 요청 수가 크게 줄어들고 페이지 로딩 속도가 향상됩니다. 예를 들어 CSS3 애니메이션 효과는 JavaScript 및 Flash 파일에 대한 HTTP 요청을 줄일 수 있지만 애니메이션 효과 렌더링을 완료하려면 브라우저에서 많은 작업을 수행해야 하므로 브라우저의 응답 속도가 느려지고 사용자 손실이 발생할 수 있습니다. . 따라서 복잡한 특수 효과를 사용할 때는 신중하게 생각해야 합니다. 실제로 많은 CSS3 기술은 어떤 상황에서도 페이지 성능을 크게 향상시킬 수 있습니다[44].

CSS3은 이전 버전과 완전히 호환되므로 계속 작동하기 위해 디자인을 수정할 필요가 없습니다. 웹 브라우저는 CSS2도 계속 지원합니다

위 내용은 HTML CSS3가 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!