HTML 5 스타일시트 재설정_HTML/Xhtml_웹페이지 제작

이 CSS 재설정은 Eric Meyers의 CSS 재설정을 기반으로 수정되었으며 특히 HTML5에 대한 해당 태그의 초기화 스타일을 조정합니다.

/*
html5doctor.com 스타일시트 재설정
v1.4
2009-07-27
저자: Richard Clark - http://richclarkdesign.com
*/

html, 본문, div, 범위, 개체, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, 주소, 인용, 코드,
del, dfn, em, img, ins, kbd, q, samp,
small, Strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
필드 세트, 양식, 레이블, 범례,
테이블, 캡션, tbody, tfoot, thead, tr, th, td,
기사, 따로, 대화 상자, 그림, 바닥글, 헤더,
hgroup, 메뉴, 탐색, 섹션,
시간, 표시, 오디오, 비디오 {
여백:0
경계:0
개요:0; 🎜>글꼴 크기:100%;
세로 정렬:기준선;
배경:투명
}
본체 {
줄 높이:1

기사, 옆, 대화 상자, 그림, 바닥글, 헤더,
hgroup, nav, 섹션 {
display:block
}

nav ul {
list-style; :none
}

blockquote, q {
quotes:none
}

blockquote:before, blockquote:after,
q:before, q; :after {
내용:”;
내용:없음
}

a {
여백:0
경계:0;
글꼴 크기:100%;
세로 정렬:기준선;
배경:투명
}

ins {
배경 색상:#ff9; >color:#000;
텍스트 장식:없음
}

mark {
color:#ff9; 스타일:이탤릭체;
글꼴 두께:굵게
}

del {
텍스트 장식: 줄바꿈
} abr[제목] , dfn[제목] {
border-bottom:1px dotted #000;
cursor:help
}

table {
border-collapse:collapse
-spacing:0;
}

hr {
height:1px
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

입력, 선택 {
vertical-align:middle;

콘텐츠 업데이트?



과 같이 HTML5에서 지원되지 않는 태그 스타일을 제거했습니다... HTML5에 새 태그 스타일을 추가하고 기본 패딩, 여백 및 테두리를 제거했습니다. 확인 표시 속성을 지정합니다. 블록 수준 요소로 표시되어야 하는 요소는 블록입니다.

은 속성 선택기를 사용합니다.

은

요소에 제목 속성이 있는 경우 이 두 요소에 대한 스타일을 지정합니다. 접근성 측면에서 고려됩니다.

토론
앵커 포인트에 개요:0을 추가하면 심각한 접근성 문제가 발생하여 키보드 탐색 실패로 직접 이어집니다. 마크에서는 글꼴 색상이 설정되지 않은 경우 배경색을 추가할 필요가 없습니다.

더 많은 콘텐츠를 보려면 여기를 클릭하세요: http://html5doctor.com/html-5-reset-stylesheet/