TechLabs

1. 박스 모델 기본값 잘 알아두기 →다른 값 명시하여 제어 가능하게 만들 수 있기 때문이다. 1-1. width, height 기본값 : auto 1-2. max-width, max-height 기본값 : 최대는 none, 최소는 0 .parent{ width: 400px; height: 200px; background-color:royalblue; } .children{ max-width: 600px; height: 100px; background-color: orange; } 자식 태그가 최대 너비가 600px 이므로, 600px까지 넓어질 수 있다. 만약에 너비를 600px 라고 지정하면, 잘 지정된다. 미디어 쿼리에서 min-width와 max-width 많이 이용된다. 1-3. 단위 px : ..

2일차에는 알바와 퀸메이커 보느라 못하였다... 오늘도 알바를 끝내고 진행하였다. 1. html 문법 시작 태그 + 요소 (태그 사이에 있는 코드) + 종료 태그 부모 요소, 자식 요소 상위(조상) 요소, 하위(후손) 요소 속성과 값 (Attribute, Value) 상위 요소 ≠ 부모 요소 하위 요소 ≠ 자식 요소 빈 태그 : 이미지 태그, 메타 태그, 인풋 태그 등 내용 없는 태그 각각의 역할을 명확히 하기 위하여 속성과 값 명시하는 경우가 많다. 엄격한 문법 지키는 것이 안전하다. 이미지 태그는 이미지 경로와 이미지 이름 → 필수 속성 인풋 태그는 데이터 입력받는 태그 요소가 화면에 출력되는 특성 글자 : 인라인 요소 상자 : 블록 요소 인라인 요소 블록 요소 수평으로 쌓임 상하좌우 자동으로 줄어듦..