[HTML5] HTML5 정리
[HTML5] HTML5 정리 1. HTML5의 새로운태그 HTML5에서는 기존 div태그에 의미를 부여해 HTML문서를 보다 논리적으로 작성할 수 있다. header : 문서의 헤더부분 nav : 문서의 네비게이션 figure : 문서의 멀티미디어요소 section : 특정콘텐츠 그룹화 article : 작은의미단위의 콘텐츠 footer : 문서의 푸터부분 aside : 문서의 사이드 콘텐츠 2. video태그 외부플러그인 없이 순수 웹표준기술로 동영상콘텐츠삽입 preload : 해당동영상을 재생전 미리불러오기 autoplay : 비디오를 자동재생 loop : 비디오를 무한반복 controls : 비디오의 컨트롤패널을 생성 3. nth-child() 원하는 순서값에 해당하는 태그를 선택하는 CSS선택자 태그명:nth-child(순서값){css} ex ) li:nth-child(1){color:blue} 4. text-shadow, box-shadow 글자와 박스에 그림자생성 text-shadow, box-shadow : 가로축 세로축 퍼짐도 색상; 5. border-radius 사각형의 모서리를 둥글게하기 border-radius : 왼쪽위 오른쪽위 오른쪽아래 왼쪽아래 6. gradient 배경에 그라디언트 색상과 모양지정 background : 그라디언트모양(방향, 색상1, 색상2) ex ) div:nth-child(1){background:linear-gradient(to right, blue, red);} ex ) div:nth-child(1){background:linear-gradient(45deg, blue, red);} ex ) div:nth-child(1){background:radial-gradient(blue, red);} ...