오늘보다 더 나은 내일

1. max-width - display:block 일때 최대값을 지정하여 너비를 유연하게 하면서도 기준값 이상 커지지 않게 하는 속성

1. float - 상단메뉴 만들때: 한줄에 나오게 하여야한다 1) display: inline-block 텍스트 요소 사이 공백이 생긴다 (정교한 디자인이 어렵다, 하나하나 수치 수정해야한다) 2) float: left 공백이 없다 (너비를 %로 지정하면 자동으로 나눠서 맞춰준다.) * 공백 없애는 방법 1) li엘리먼트 사이 엔터 공백을 하나하나 지운다 2) li엘리먼트 사이 엔터 공백을 주석(/*)을 달아 없애준다 3) CSS font-size-0를 따로 만들어준다 4) li에 float:left;를 준다. - block요소는 float요소를 무시한다 → 자식 요소에 float을 썼다면 부모요소는 자식 요소가 없는 줄 알고 높이가 최소화 된다 그래서 부모요소에 class="row"를 주고 반드시 아..

1. 중간정리: 웹 퍼블리싱 : HTML, CSS, JS HTML 1)태그 - div 계열(block 계열) ex) section, article, nav, ul, li - span 계열(inline 계열) ex) a, img, span 2)관계: 부모자식, 형제 CSS 1) display - inline, inline-block: 글자화(가로) - block: 블럭화(세로) - none: 사라진다 * 중앙정렬: block {margin: 0 auto;} inline-block {text-align:center;} 2) position - static: 사람 - relative: 사람, 유령집 - absolute, fixed(스크롤 따라다닌다):유령, 유령집 2. 좌측 사이드 토글바 만들기

1. table 기본 - 기본적으로 table>(thead>tr>th)+(tbody>tr>td)로구성 - : 표의 가로(줄) - : 표의 세로(칸) - : 기준 정보가 되는것은 th로 감싸준다 * 테이블에서 칸수는 반드시 맞춰준다 - HTML 표의 테두리 선 나타내기 - CSS {boder-collapse:collapse;}는 표의 줄들을 한줄로 합쳐준다 만들어준다 2. table정렬 및 병합 - 표 특성 상 좌측상단 첫칸(table>thead>tr:first-child)만 너비를 지정하여도 전체 크기가 바뀐다 - 또는 thead위에 (칼럼)마크업하면 맨 좌측 칸만 크기가 고정된다 - 표의display는 table(block), inline-table(inline-block)있다. - 가로 2칸 병합: ..