html css cheat sheet

HTML-CSS-치트 시트

간단하게 선별된 HTML5 및 CSS 치트 시트입니다.

치트 시트 보기

브라우저에서 html-css-cheat-sheet.html을 열면 됩니다. 외부 종속성은 없습니다.

특징

• 시각적 예는 특정 속성 값이 표시되는 방식을 정확하게 보여줍니다. 추측이 적습니다.
• 인라인 스타일은 시연되는 특정 스타일 속성에 사용되지만 컨테이너 요소나 스캐폴딩에는 사용되지 않습니다. 이를 통해 브라우저의 검사기를 사용하여 스타일이 어떻게 적용되고 어떤 요소에 원하는 프리젠테이션을 달성하는지 정확하게 확인할 수 있습니다.
• 속성 이름 제목은 CSS 속성을 설명하고 특정 시각적 예에는 그 아래에 속성 값이 있습니다.
• Flexbox 및 기본 CSS 그리드 레이아웃을 포함한 최신 표준을 적용합니다.
• 키프레임 애니메이션 , 전환 및 인기 있는 라이브러리 animate.css 사용에 대한 내용을 다룹니다.
• 반응형 디자인을 사용하며 모바일 기기, 태블릿, 대형 화면에서 잘 보입니다.

튜토리얼이 아님

HTML과 CSS를 배울 수 있는 훌륭한 리소스가 많이 있습니다. 이 치트 시트는 처음부터 모든 것을 가르치려고 시도하지 않습니다. 이미 HTML/CSS를 이해하고 있는 사람들을 위한 시각적인 도움과 재교육입니다.

이 치트 시트에서는 JavaScript를 다루지 않습니다. 이 튜토리얼이나 다른 튜토리얼을 고려해보세요.

특허

MIT.

기여

풀 요청, 버그 보고서 및 제안을 환영합니다. 일반적으로 문제에 신속하게 응답하려고 노력하겠습니다. 하지만 이는 개인적인 프로젝트이므로 응답 여부를 보장할 수 없습니다.