스터디 (3) 썸네일형 리스트형 코드잇 코딩캠프 7기 (6/23 ~ ) - 27일 차 공부기록 (웹 퍼블리싱 2. HTML/CSS 핵심개념 - 해변의 몽숭이, 명언, 우표 붙이기) * position position: static; - 기본형, 원래 있어야할 위치 position: relative; top: 30px; 원래 있어야할 자리 위에 30px 간격이 있게끔 함 *margin과 position의 차이점 margin - 문장 다같이 이동하는 느낌 position - 레이아웃 효과를 주는 것처럼 position한 문장만 따로 수정되게끔 함 * 해변의 몽숭이 ↓html ↓css img { display: block; margin: 0 auto; } .mongsoong { position: relative; bottom: 100px; left: 200px; } ↓실행결과 https://bakey-api.codeit.kr/web/enrollments/60e42be122ff6d2ddf.. 코드잇 코딩캠프 7기(6/23 ~ ) - 20일 차 공부기록 (웹 퍼블리싱 2.HTML/CSS 핵심개념 - 그랜드 부다페스트 호텔, 로그인 페이지, 썸머 뮤직 페스티벌 (SMF)) * 박스 형태 모든 html 요소는 박스형태 마우스 우클릭 -> 검사 를 누르면 박스 형태를 보여주는 다이어그램 나옴 * border 간단 border: 5px solid red; - 5px의 빨간 테두리를 입힘 브라우저가 각 요소별로 여백을 설정해둬서 여백 O * padding & margin padding - 내용이랑 테두리 사이에 여유를 줌 * padding 설정 방법 (margin도 마찬가지) 일반 padding-top: 50px; padding-right: 65px; padding-bottom: 20px; padding-left: 80px; 시계방향 padding: 50px 65px 20px 80px; 위아래/양 옆 다 똑같 padding: 50px; 위아래 50px / 양 옆 25px로 각각 .. 코드잇 대학생 코딩캠프 7기 (6/23~) - 2일 차 코드잇 코딩캠프는 3월부터 알고 있었지만, 학교랑 병행할 자신이 없었기 때문에 종강한 지금에서야 하게 되었다! 매일 해야하는 건 출석체크 및 공부인증, 매주 1회 이상 랜선 스터디 참여~ 수업으로 파이썬은 배웠지만 기본이 탄탄해야 함을 느꼈다. 그래서 컴공과 필수 코스로 듣기로 결정. 얼른 듣고 데이터 분석 관련이나 HTML도 배워야지.. 코딩캠프 알차게 써버릴테다. DAY 1.에는 컴퓨터 개론을 다 들었다! 나에게 남는 건 시간이라네~~~~~~~~~~~~~~~~~~ 생각보다 양도 많고 단순 개념일거라 생각했지만 배운 게 많은 수업이었다. 컴퓨터를 왜 배워야하는지, 우리가 쓰는 것들에 대해 좀 알게된 것 같지만.. 막상 설명하라고 하면 잘 못하겠다! 하지만 어떤 개념을 주고 구분해보라거나 간단하게 설명해.. 이전 1 다음
