HTML

html,body { margin: 0; padding: 0;}@media only screen { body { margin: 2em auto; max-width: 900px; color: rgb(55, 53, 47); }}body { line-height: 1.

가로사이즈(width) 100%를 항상 차지함높이는 내부 컨텐츠의 크기에 따라 자동 지정됨한 줄에 하나의 블록 요소만 위치할 수 있음 -> 한줄 내리기 가능, 개체를 추가할 때 마다 아래로 내려감스타일 제약 없음 , 사이즈 여백 조절 가능내부 자손으로 block, in

form 태그의 기본 기능은 Submit 이 달려있고 action으로 설정한 곳으로 이동시키는 기능이 있다.아이디 로그인을 위해선 정규식을 알아야 하고 기본 사용법은 하위항목 참조기본규칙은 submit 이벤트 감지로 function 실행해주면 된다. if 부정문 사용하

가로 컨텐츠 :display: flex : 가로 형태 지정, 가로형태 레이아웃의 기본이다flex-direction: row-reverse; : 가로 형태를 좌우반전시킴column : 한계적으로 수직 컨텐츠로 다시 변환시킴align-items: center; : 상하 중