목록2026/04/25 (2)
choco's story
CSS 기본 문법CSS의 가장 기초적인 코드 구조는 다음과 같습니다.선택자{ 속성명: 속성값;}선택자 : 어떤 요소에 스타일을 적용할지에 대한 정보{ 중괄호 } : 선택한 요소에 적용할 스타일을 정의하는 영역속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보 (색상, 크기 등)속성값 : 어떻게 정의하고 싶은지에 대한 정보ex)p{ color: red;}이 예시의 코드는 p 태그에 스타일을 적용한다는 뜻입니다.p{...} 안에 텍스트 색을 뜻하는 color 속성을 red로 정의합니다.CSS 주석 사용CSS 문서에서도 .html과 똑같이 주석을 사용할 수 있습니다!ex)p{ /* css 문서의 주석 처리 */ /* color: red; */}CSS 문서는 위처럼 주석을 사용할 수 있습니다. 이러면 ..
CSS 알아보기CSS = Cascading Style SheetsCascading : 계단식Style : 스타일Sheets : 문서 한 장즉, CSS는 "계단식으로 스타일 규칙들이 적용될 수 있도록 정의하는 스타일 문서"를 뜻합니다!CSS란?: 웹 페이지의 디자인과 레이아웃 정의에 사용되는 스타일시트 언어CSS는 .html 문서에 스타일, 즉 디자인을 더해줍니다. 정리하면 다음과 같습니다.HTML : 웹 문서의 콘텐츠를 구성하는 언어CSS : 웹 문서의 콘텐츠에 스타일을 추가하는 언어 (색상, 크기, 위치 등)CSS 문서(코드) 자체는 독립적으로 존재할 수 있지만, CSS 자체가 .html 문서의 스타일을 정의하는 것이니 따로 존재해도 의미가 없습니다.그러니까 .html 문서와 함께 있는 것이 아니라면..
