h5와 CSS3의 새로운 기능은 무엇입니까

h5 새로운 기능: 드래그 앤 드롭 API, 의미 태그, 오디오 및 비디오 API, 캔버스 API, 지리 API, 양식 컨트롤 등 CSS3의 새로운 기능: 1. RGBA 및 HSLA 2. 텍스트 그림자 3. 테두리 반경, 상자 그림자, 상자 크기 조정 등

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

html5는 웹 콘텐츠를 구조화하기 위한 언어 설명 방법입니다. HTML5는 차세대 인터넷 표준입니다. css3은 CSS(Cascading Style Sheet) 기술의 업그레이드 버전입니다. HTML5와 CSS3의 새로운 기능을 살펴보겠습니다.

새로운 CSS3 기능:

1. 색상: RGBA, HSLA 모드 추가

2. 텍스트 그림자(텍스트 그림자)

3. 테두리 그림자: 상자 그림자

4. 박스 모델: box-sizing

5. 배경: background-size 배경 이미지의 크기를 설정합니다. background-origin 배경 이미지의 원본을 설정합니다.

Background-clip 배경의 자르기 영역을 설정합니다. ","로 구분된 이미지 여러 배경을 적응형 레이아웃으로 설정할 수 있습니다

6. 그라데이션: 선형 그라데이션, 방사형 그라데이션

7. 전환: 전환, 애니메이션 구현 가능

8. CSS3에서만 도입된 유사 요소: :selection.

10. 미디어 쿼리, 다중 열 레이아웃

11. border-image

12.2D 변환: 변환(x, y) 회전(x, y) Skew(x, y ) scale(x, y)

13. 3D 변환

CSS3의 새로운 의사 클래스:

p:first-of-type 첫 번째

; 상위 요소 p>

p:last-of-type은 상위 요소의 마지막

요소를 모두 선택합니다.

p:only-of-type은 상위 요소의 유일한

요소를 선택합니다.

p:only-child는 상위 요소의 유일한 하위 요소인 모든

요소를 선택합니다.

p:nth-child(2)는 부모의 두 번째 자식인 모든

요소를 선택합니다.

:enabled, :disabled는 양식 컨트롤의 비활성화 상태를 제어합니다.

:선택하면 라디오 버튼이나 확인란이 선택됩니다.

html5가지 새로운 기능:

1. 드래그 앤 드롭 API

2. 더 나은 시맨틱 콘텐츠 태그(머리글, 탐색, 바닥글, 옆, 기사, 섹션)

3.

4. Canvas API

5. Geolocation API

6. 로컬 오프라인 저장소 localStorage는 브라우저를 닫은 후에도 데이터가 손실되지 않습니다. 브라우저가 닫힙니다

8. 양식 제어, 달력, 날짜, 시간, 이메일, URL, 검색

9. 새로운 기술 webworker, websocket, Geolocation

더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요.

프로그래밍 소개

! !

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