월횽

[CSS 수업] 3강 - CSS 선택자 안녕하세요! 그레이해커 월횽입니다. 이번 시간에는 CSS에서 가장 기본이 되는 선택자(Selector)에 대해 배워보겠습니다. 선택자는 HTML 요소를 선택해서 원하는 스타일을 적용할 수 있도록 도와주는 도구입니다. 1. 요소 선택자 (Element Selector) 요소 선택자는 HTML 태그명으로 특정 요소 전체에 스타일을 적용할 수 있습니다. p { color: blue;} 위 코드는 문서 내 모든 태그의 글자 색상을 파란색으로 지정합니다. 2. 클래스 선택자 (Class Selector) 클래스 선택자는 HTML 요소에 class 속성을 지정하고, CSS에서는 . 기호로..

style.css 파일에는 원하는 CSS 스타일을 자유롭게 작성하면 됩니다. 3. 내부 스타일 적용하기 내부 스타일은 위 예시는 모든 태그의 텍스트 색상을 빨간색으로 설정하는 코드입니다. 4. 내부 스타일과 외부 스타일의 차이 내부 스타일은 HTML 파일 안에 CSS를 포함시켜 작성하며, 파일 분리가 필요 없고 작성이 빠르지만 코드가 길어질 수 있습니다. 외부 스타일은 CSS 파일을 분리하여 관리하며 코드 재사용성과 유지보수가 용이합니다. 규모가 작은 프로젝트에서는 내부 스타일도 충분히 사용 가능하지만, 중·대형 프로젝트나 협업 시에는 외부 스타일이 더 ..

[CSS 수업] 1강 - CSS란 무엇일까? 안녕하세요! 그레이해커 월횽입니다. CSS를 처음 배우는 분들이 이해하기 쉽도록 설명해 드릴게요. 혹시 HTML 기초가 부족하신 분들은 아래 강의를 먼저 보시길 추천드립니다. [HTML 강의] 1강 - HTML 기본 태그 1. CSS는 무엇인가요? CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 스타일과 레이아웃을 꾸미는 언어입니다. HTML은 웹 페이지의 구조를 담당하고, CSS는 그 구조에 색상, 크기, 위치 등을 설정해 외관을 꾸며줍니다. 예를 들어 HTML은 건물의 골격, CSS는 외부 디자인이라고 생각하면 됩니다. ..