안녕하세요. 달리는 애아빠입니다. 오늘은 이전에 html 문서 만들시 자주 사용했던 태그 정리했던 포스팅처럼 CSS 도 정리한번 하도록 하겠습니다. 1. width (가로길이) , height ( 세로길이 ) auto : 기본값, 브라우저가 계산한 너비 px : 픽셀 % : 부모 요소에 상대적인 너비 initial :기본값으로 초기화 inherit : 부모 요소로부터 상속 받은 값 2. margin (안쪽에서 늘어남) , padding ( 밖에서 늘어남 ) margin-top : 위 여백 지정 margin-bottom : 아래 여백 지정 margin-left : 왼쪽 여백 지정 margin-right : 오른쪽 여백 지정 margin:40px 30px 20px 10px : 순서대로 위, 오른쪽,아래,왼쪽..

안녕하세요. 달리는 애아빠입니다. 지난 시간에는 css 를 하나의 html 문서에 적용을 시켜서 1일차부터~7일차까지 html 문서에서 7일차에만 적용되는 방법을 배웠다면 이제는 css 스타일 문서를 작성하며 적용하는 방법을 여러가지 배워보도록 하겠습니다. css 스타일 문서를 적용하는 방법에는 3가지 방법이 있습니다. 1. html 태그안에 style 속성에 css 코드를 넣는 방법 2. html 문서안에 태그 안에 태그를 넣어서 적용시키는 방법 3. 별도의 css style 문서를 만들어 html 문서와 연결하는 방법입니다. 1.번을 실습해 봅시다. 코딩 : DOCTYPE html> 8일차 CSS 공부입니다. 1. html 태그 안에 style 속성에 css 코드를 적용시키는 방법 결과 : 태그 안쪽..

안녕하세요. 달리는 애아빠입니다. 프론트엔트 7일차 html 문서의 작성 방법에 어느정도 감을 잡으신 분들은 이제 우리가 작성한 html을 이쁘게 꾸며볼수 있는 css 에 대해서 공부해 보도록 하겠습니다. CSS - Cascading Style Sheet ( 정의된 스타일링 문서가 있다면 계단식으로 사용하는 스타일링 문서 ) ㄴ Author style ( 개발자가 지정한 스타일링 ) ㄴ User Style ( 유저가 지정한 스타일링 ) ㄴBrowser ( 브라우저가 지정한 스타일링 ) 이렇게 계단식으로 내려가면서 지정된 스타일링 문서라고 보면 될거 같습니다. 질문 : 그래서 어떻게 css 를 내가 만든 html 에 적용을 시킬수 있는가? 답 : 차근차근 따라해 봅시다. 일단 7일차 html 만드시고 ( ..

안녕하세요. 달리는 애아빠입니다. 오늘은 html 자주사용하는 태그, elements 사용하기 마지막입니다. 이제 html 에 대해서는 어느정도 이해가 되고 자주 사용하는 웹사이트에 뭐가 들어가는지 어느정도 보이지 않으신가요? 안보이시면 역시나 복습이 최고입니다. https://papa-run.tistory.com/100 FrontEnd 공부 1일차 - HTML 기초 ( 개인 스터디 ) HTML 정의 1. Hyper Text Mark-up Language 는 웹페이지의 모습을 표시되도록 설계된 문서의 표준 마크업 언어이다. * 마크업언어 - 어느정도 태그들로 이루어진 구조적으로 작성된 언어 아래와 같이 papa-run.tistory.com https://papa-run.tistory.com/101 htt..

안녕하세요. 달리는 애아빠입니다. 지난시간에 html 자주사용하는 elements 들 7가지를 배워보았는데요. 1) 제목에 사용하는 heading 태그 2) 본문을 나누어 주는 태그 3) 한줄 줄바꿈을 해주는 태그 4) 하이퍼링크 태그 5) 리스트, 목차, 정렬된 6) 순서가 정해지지 않은 리스트를 묶는 부모 7) 순서가 정해져 있는 리스트를 묶는 부모 기억이 안나시거나 다시한번 복습하실 분들은 4일차 보고 오시면 되겠습니다. 달리는애아빠 html 4일차 바로가기 자 5일차 연속으로 달려보도록 하겠습니다. 먼저 기존에 만들어둔 work 폴더에 이미지 폴더를 만들고 이미지 한나를 넣어 놓도록 합니다. c -> work -> html -> images 폴더생성 후 이미지 넣기 웹상이나, 내폴더내에 있는 이미..

안녕하세요. 달리는 애아빠입니다. frontend 4일차 html 자주사용하는 elements 작성해보기 하도록 해보시죠 첫날에 태그들 어디서 확인하는데? 기억하시는분 없겟죠. 네 이제 포스팅마다 아래에 첨부해서 하도록 하겠습니다. 질문 : 근데 나는 태그 1도 모르는데 저런 태그들은 어디서 확인함? 답 : 태그 확인하러가기 -> 전세계 웹개발자들이 여기서 많이 확인하고 예제를 통해서 배우는걸 추천 포스팅 하면서도 태그안에 하이퍼링크 이름바꿔주는 센스 잊지 말고 써보도록 합시다. 기억이 안나시는분들은 2일차,3일차 다시한번 복습 하시고 오시면 좋습니다. 달리는애아빠 html 2일차 바로가기 달리는애아빠 html 3일차 바로가기 자 이제 자주 사용하는 태그들을 고르고 골라서 한번씩 해보고 체험한번 해봅시다..