쫑's바른생활

앞선 게시글에서 만들어두었던 각각의 블록들에 배경색, 글자색, 높이와 넓이를 줘보자 wrap : 넓이 1200 header : 넓이 동일, 높이 100, 배경 베이지, 글자크기 20 banner : 넓이 동일, 높이 300, 배경 빨강, 글자크기 20 contents : 넓이 동일, 높이 200, 배경 아쿠아, 글자크기 20 footer : 넓이 동일, 높이 100, 배경 파랑, 글자크기 20 여기서 잠깐! wrap에도 높이를 줘도 되지만, 굳이 남는 영역을 만들지 않도록 wrap 안에 있는 header~footer에만 높이를 줄 예정. css 속성은 앞서 작성한 게시글에서 확인한다. id 를 나타내는 #wrap 과 css 작성영역 {} 입력 마찬가지로 header부터 작성하면 아래와 같다. header..

들어가기에 앞서... css 속성 종류는 게시글에 계속 업데이트될 때마다 추가하여 작성할 예정이다. 꾸준히 업데이트할 예정이니 css 속성 종류에 관해서는 수시 확인 필! (글 제목옆에 업데이트 날짜를 기입할 예정) _속성 종류와 간단한 설명 나열 width(넓이) : % | px height(높이) : % | px background-color(배경색) : 직접입력 | 헥스코드 margin(바깥여백) : 위 | 오 | 아 | 왼 -시계방향 순 padding(안쪽여백) : 위 | 오 | 아 | 왼 -시계방향 순 color(글자색) : 직접입력 | 헥스코드 font-size(글자크기) text-transform(글자변형) : uppercase text-align(문단정렬) : left | right | c..

(전제) 앞으로 만든 작업물을 저장하기 위한 폴더를 만든 뒤 비쥬얼 스튜디오 코드 실행 해당 폴더를 연다. (필자는 '연습용' 이라는 폴더 생성) 마우스 오른쪽 버튼 New File 파일명과 확장자(html) 작성. 필자는 2.html 로 작성하였다. 작성란에 ! + Tap 키를 누른다. (! 입력 후 바로 탭키 눌러야 적용) 그러면 위와 같은 기본설정(?) 또는 기본틀(?)이 나온다. 두번째 줄 lang(언어)을 english가 아닌 한국어로 하기위해 en 을 지우고 ko로 작성하여 해도된다. 오늘 만들 작업물은 아래와 같다. 우리는 웹 페이지에 wrap 부터 footer 라는 블럭을 생성할 예정! 본문에 id(이름)가 wrap 인 아이를 만들어야 한다. #wrap + tap키를 누르면 오른쪽과 같이 ..

들어가기에 앞서... 누군가본다면 참고해주시길... --- 참고사항 --- 글은 '어떤 과정을 학습하는지 키워드를 나열'하고, '상세설명'을 이어나갈 예정. 개발일지이기도 하지만 함께 코딩을 시작하는 비전공자에게도 도움이 될 수 있도록 비전공자의 입장에서 최대한 상세히 작성해보려 한다. 필자는 참고로 학원을 통해 학습하는 중! (다만, 비전공자이고 초심자이기 때문에 내가 쓰는 용어나 설명이 틀릴 수 있다. 공부의 한 과정이므로, 도움을 주기위해 댓글로 알려주신다면 대환영이나, 지나친 훈수는 정중히 사양하겠음! 차차 공부해나가면서 잘못된 부분은 글의 맨 하단이나 댓글고정으로 정정글을 적어나갈 예정) --------------- 그럼 START 01. 프로그램 설치 02. html 배우기 03. css 배우..

#닌텐도스위치 #모여봐요동물의숲 #동물의숲미션 #동물의숲매일 #동물의숲리뷰 #동물의숲공략 #동물의숲팁 #동물의숲화석 #동물의숲미공개 #동물의숲마일리지 #동물의숲인테리어 #동물의숲코디 #동물의숲미공개 #동물의숲이벤트 #동물의숲주민 #코로나놀거리 #코로나집에서 #코로나문화 #사회적거리두기 안녕하세요 :) 코로나 놀거리로 주목받고있는!! 모여봐요 동물의 숲!! 리뷰, 공략, 팁 1탄에 이어서 모여봐요 동물의숲 리뷰, 공략, 팁 2탄갑니다! "모여봐요 동물의숲"에는 매일 해야하는 Todo리스트 중 많은 유저분들이 모르시거나 놓치기 쉬운 리스트가 있다는 사실! ★아직 공개되지 않은!!★ Todo 리스트를 공유드리겠습니다~ :D 메모필수!!!! Todo 리스트 5. - 선물풍선 터뜨리기 동물의숲 게임을 켜고 순찰을..