재미를 추구하는 편

common : 기본 전체 세팅 폰트 값, 배경등 기초 세팅 #container { margin: 0px auto; width: 1400px; } input, select, textarea, table, th, td { border: 1px solid #dbdbdb; border-radius: 4px; } input, textarea { outline: none; } input, select, textarea { padding: 5px; cursor: pointer; } button { border: 1px solid #dbdbdb; border-radius: 4px; padding: 5px; background-color: white; cursor: pointer; } button:hover { bac..

container -> group 정렬 방식(내부 items 정렬 방식) 가로: display : flex 세로: display : flex, -> flex-direction: column content 가운데 정렬 : justify content: space between; - 다른 것들을 고려해서 항상 가운데 아이템 가운데 정렬 : align-items 가로 넓이 width : px, 부모 item의 % 세로넓이 height : px, 부모 item의 % 글자 가운데 정렬: text -align: center font size font weight color background color box shadow outline: none 해당 칸 클릭시 아웃라인 없음 overflow y 내부 내용이 넘칠 ..

1강 1. - HTML : 웹 브라우저 창에 분서의 내용을 보여주기 위한 뼈대 - CSS: 웹 문서를 꾸미거나 웹 요소를 적절하게 배치 - JS: 사용자 동작에 반응해서 동적인 효과를 만들기 위한 기술 3강 1. Html : 웹 문서 시작을 알림 - Head: 브라우저에게 정보 제공, 문서 관련 정보입력, 브라우저 화면에는 보이지 않음 - Body: 실제 브라우저에 표시될 내용 내부 1. Header : 검색창이나 사이트 메뉴 삽입 - 로고영역 - 네비게이션: 웹 문서나 위치에 영향을 받지 않음 n 문서안에 여러개 만들수 있음 (li 로 리스트 만들어서 배열) 2. Main: 웹 문서에서 핵심이 되는 내용 문서마다 다르게 보여는 내용, 웹문서에서 한번만 사용 - Section: 메인 내부의 콘텐츠 영역 ..