이미지 스프라이트는 여러개의 이미지를 따로 저장하고 불러올필요 없이, 한 파일에 여러개의 이미지를 저장하고 그 이미지의 좌표를 불러오는 방법이다. 이미지 스프라이트 제작 사이트 https://www.toptal.com/developers/css/sprite-generator/ CSS Sprites Generator CSS Sprites Generator Upload your images. (Note: Please don’t upload HUGE files. That’s not the purpose of sprites technique.) www.toptal.com .logo1, .logo2, .logo3 { background-image: url(./images/sprite.png); /* 이미지 스프라..

: 표를 만드는 태그다. : table-row, 가로줄(행)을 만든다. : 헤더 데이터를 저장하는 셀을 만든다. : 일반적인 데이터를 저장하는 셀을 만든다. 번호 이름 1 김OO 2 박OO , , : 텍스트를 입력받는다. : 텍스트 박스 배경에 문구를 추가한다. : 미리 문구를 입력해둔다. : 비밀번호를 입력받는다. : 전송 버튼이다. value는 버튼에 표시될 텍스트다. : 주로 로그인, 회원가입 창을 만들 때 사용한다. 주로 form이 input을 포함하는 형태로 사용된다. : 여기선 radio, checkbox 옆에 텍스트를 표시하기 위해 사용한다. : 하나만 선택 가능한 체크(?) 박스다. - 여러 개 중 하나만 선택 되게 하기 위해선 같은 그룹으로 묶어야 함. 그러기 위해선 name 값을 일치시..

오늘 배운 CSS 속성 복습 겸 메모. margin : 외부 여백을 설정할 수 있다. padding : 내부 여백을 설정 할 수 있다. - box-sizing:border-box (패딩을 박스 내부 크기에 포함시켜서 패딩 때문에 늘어나는 것을 방지할 수 있다.) border-radius : 모서리를 둥글게 만들 수 있다. text-align : 텍스트의 위치를 지정 할 수 있다. font-size : 텍스트 사이즈를 지정 할 수 있다. font-weight : 텍스트 굵기를 지정 할 수 있다. color : 텍스트 컬러를 지정 할 수 있다.