목차 1. 블럭과 인라인의 차이점 2. 관련 속성 및 태그 3. 실습 코드 시작하기에 앞서.. HTML과 CSS를 처음 접하면서 정말 수도 없이 많은 태그들과 속성들이 스쳐 지나갔지만 정작 내 머릿속에 남는 건 별로 없었다. 백엔드 위주의 언어만 공부했던 탓인지 레이아웃을 배치하고 색상을 지정하는 등의 프로그래밍은 너무 낯설었고 쉽게 적응이 되지 않았다. 따라서 내가 알기 쉽게 이해하기 위해 프론트엔드 언어의 공부 비중을 조금 늘려야겠다고 생각했다. 1. 블럭과 인라인의 차이점 HTML 혹은 CSS를 배우면서 블럭과 인라인이라는 말을 접하게 됐다. 그때 내 머릿속에는 추상적 개념만 둥둥 떠다녀 이해가 잘되지 않았다. 그리고 그 두개의 차이가 정확히 무엇인가에 대한 의문이 생겼었다. 간단하게 설명하자면 ..

목차 1. CSS가 뭔데? 2. CSS 언어 작성법(문법) 3. CSS의 선택자 및 속성으로 쓰이는 div와 span / id와 class 비교 1. CSS가 뭔데? CSS(Cascading style sheets)는 HTML이 뼈라면 그 뼈에 살을 덧붙여주는 시트라고 생각하면 쉽다. 즉 HTML에서도 기본적으로 다양한 태그를 제공하고 있지만 CSS는 약어 그대로(style sheet) 다양한 스타일을 활용해 마크업 언어인 HTML파일을 더욱 잘 꾸며줄 수 있는 역할을 한다. 처음 HTML, CSS를 접하게 되면 두개가 완전 별개의 언어라고 생각할 수 있는데 html파일 안에서도 style태그를 이용해 스타일을 꾸밀 수 있다. 그러면 정확히 css가 무엇인가 하는 의문이 들 것이다. 왜냐하면 말로만 들었..