요소의 크기를 화면에 표시하는 방식을 배우다. content-box border-box 정리 border-box는 border + padding + content content-box는 오직 content의 크기만을 정의한다.
css
박스 모델 구조의 margin을 배우다. radius는 나중에 배우지만 꼭짓점을 둥글게 만들어 준다.
display 속성의 값 중 하나인 none을 배우다. Quiz! Q. 여러분은 비오는 거 좋아하시나요? A. 아뇨. 요소를 안 보이게 하는 none.
요소가 화면에 보이는 방식을 지정해 주는 display 속성을 배우다. div 태그 div 태그 div 태그 span태그 span태그 span태그 block: 웹 페이지의 가로공간을 모두 차지하는 속성 (세로로 쌓임, 블록 쌓기 느낌) width, height 설정 가능 display: inline, inline-block으로 변경 가능 ex) div, p, h1, ul, ol, table... inline: 컨텐츠 내용이 끝나는 지점까지 너비를 가지는 속성 (콘텐츠 크기만큼만 영역을 가짐) width, height 설정 불가능 display: block, inline-block으로 변경 가능 ex) span, a... inline-block: 요소의 크기조절을 하고싶지만 위치는 그대로 두고 싶을 때 사..
요소 or 텍스트의 크기를 지정하는 단위들을 배우다. px로 조정 em으로 조정 rem으로 조정 px: 화소 하나의 크기에 대응되는 단위 (고정값) em: 부모 요소를 기준으로 하는 상대 배수 단위 rem: html 문서 폰트 크기를 기준으로 하는 상대 배수 단위 rem을 주로 사용하지만 상황에 따라 맞는 단위를 써야 한다.
텍스트 폰트 설정하는 속성들을 배우다. 비오는 거 좋아하시나요? 비오는 거 좋아하시나요? 클라이언트의 컴퓨터 환경에 영향을 받지 않는 웹 폰트를 주로 사용한다.
클라이언트의 행동에 반응하는 반응 선택자를 배우다. 이 좌석은 노약자, 임산부, 어린이만 이용가능합니다! 입실 시, 꼭 엘리스 출석체크 해주세요. 주의사항: 띄어쓰기 금지
더 정확하게 선택자를 선택하는 계층 선택자를 배우다. 연수생 수칙 지각하지 않기 결석하지 않기 (불가피할 땐 꼭 담당연구원에게 미리 말하기) 복습하기 아래의 가중치를 계산하면 어떤 스타일이 우선순위로 적용되는지 알 수 있다. 종류 가중치 태그 선택자 1 클래스 선택자 10 아이디 선택자 100
