본문 바로가기
2222

전체 글212

input과 button의 차이 / form, fieldset, legend, label 활용 / select, optgroup option 아래 코드는 동일한 코드다. submit으로 수정하고 제출로 해봐도 동일하다. 초기화 일반적으로 button태그만 쓸 때는 자바스크립트와 연결해서 사용하는 경우가 많다. 클릭! size 토마토 방울토마토 2021. 5. 19.
check박스 선택아닌 텍스트를 선택해도 check박스가 선택되게 하는 방법 동의하시겠습니까? 체크박스에 id값으로 준 것에다가 label에서 for로 연결해준다. 또는 아래와 같이 label로 묶어 준다. 검색 2021. 5. 19.
5.19(수) 12:40 ~ 5:30 최소 10까지는 끝내자. 8:00 ~ 12:00 최소 12까지는 끝내자. 집중되지 않을 때 프론트 엔드 준비하면서 북마크한 내용들 정리 ------------------------------------------------------- 5.20(목) 15까지. 5.21(금) 17까지 5.22(토) 20까지 5.23(일) 22까지 5.24(월) github (23) 2021. 5. 19.
srcset, sizes을 이용한 반응형 이미지 srcset="images/heropy_small.png 400w,                  images/heropy_medium.png 700w,                  images/heropy_large.png 1000w          sizes="(min-width: 1000px) 700px"           src="images/heropy.png"            alt="HEROPY" /> sizes= 500px 로 하면 medium 이미지가 나오고 가로 500 고정된다.width=500px 로 하면 가로는 500인데 400w이하일 때 1번째 이미지 700w이하일 때 2번째 이미지. 이런식으로 이미지만 바뀐다. IE를 지원하지 않음에 주의하자. 2021. 5. 18.
dfn, cite, code, kbd, sup, sub, time, del, ins 용어를 정의해줄 때 여러 개는 dl dt dd 한개에 대해서는 dfn 창작물에 대한 제목에 대해 설정해줄 때 the scream by edward munch. code를 입힐 때 사용자에게 어떤게 코드라는 것을 확실히 보여줄 때 스타일은 내가 따로 주는 것이 좋다. 폰트만 좀 바뀐다. ~~~~~~~~ kbd 이것도 폰트만 좀 바뀌어서 보인다. 사용자에게 키를 보여줄 때 사용하는데 스타일을 줘서 사용자에게 확실히 이게 키다. 라는걸 보여주는게 좋다. 예를 들어서 kbd { padding:0 3px; border-radius : 3px; border-top: 2px solid rgb(240, 240, 240); border-bottom: 2px solid rgb(205, 205, 205); border-le.. 2021. 5. 18.
link불러올 때 순서는 어떻게? 외부에서 불러오는 link를 위에 쓰고 내가 작성한 css를 불러올때는 그 아래에 쓴다. 이유는 내가 작성한 것이 우선으로 사용될 수 있도록 덮기 위해서다. 2021. 5. 18.