-
input type radio 2개 만들때 name속성을 같게 입력해주면 둘 중에 하나만 선택가능하게 만들어진다(자체로 체크한 상태로 만들려면 checked 입력해준다)
-
label 값이 어디 들어가있는지 보고 input type과 배치
-
input type의 submit reset은 value값 써주면 내용에 들어간다
-
value, alt값이 들어가는 input type은 따로 label을 넣어주지 않음
ex) input type="image" src="" alt=""
input type="hidden" / input type="submit" value="접수하기" -
caption, th : 중간이 기본값이라서 왼쪽정렬 필요
-
img : 세로정렬(vertical align) -> middle로 한다
-
display: none;과 마크업으로 가리는 것 의 차이 ->(.blind:시각장애인들에게 읽어줄수 있게 만듦)
-
figure & figcaption : 둘 다 블록 요소 / fig: 사진,도표, 오디오 등을 담는 컨테이너 역할하는 태그 figc: 이를 설명하는 문구
-
link 연결하기
1) reset 파일이랑 main 파일 둘다 연결
2) main파일만 link로 연결해주고 main css에서 @import url(reset.css)작성 -
font 연결하기
1) 구글폰트에서 link는 html에 연결
2) @import는 css파일에 연결
3) 다운로드한 다음에 @font-face{font-family: ; src: url();} 이렇게 css에작성해주고 서버에 폰트 올리면됨 -
header wrap : 쿨다운되서 나타나는 부분 / 헤더를 기준으로 늘어났다 줄어들었다 / 움직이는 애들은 모두 position으로 작성
-
position이 있는 경우만 z-index사용가능 왜냐면 레이어의 위치를 이동시키는 것이기 때문에 / 부모의 z-index에 따라 자식들도 똑같이 영향을 받는다.
-
보통 h1은 absolute로 잡는다 무조건 부모로 기준점잡아 (header inner)
-
inline요소들은 길이 지정해도 먹지 X -> 블록라벨 요소로 바꿔
-
글씨 안보이게 처리하는 방법 : text-indent: -999px; overflow: hidden;
-
section은 하나의 제목으로 묶을수 있는것만이 가능
