기본 CSS 구문 및 스타일 속성

스타일 속성과 CSS 속성을 사용하여 CSS 언어로 태그의 스타일을 지정하는 것은 웹 개발에 필수적인 작업입니다.

### CSS의 기본 규칙
CSS 기본 규칙은 혁신적이며 CSS의 작동 방식을 이해하는 데 필수적입니다. 이 강좌에서는 특히 CSS에 익숙한 분들을 위해 이 장의 모든 내용을 이해하지 못해도 괜찮다는 점을 강조합니다. 이 장에서는 HTML 태그의 스타일을 개선하기 위해 스타일 속성을 추가하는 방법을 다루며 CSS, HTML, JavaScript의 차이점을 강조합니다.

### CSS를 사용하여 자바스크립트에서 텍스트의 배경색 설정하기
텍스트의 배경색을 설정하려면 스타일 태그가 있는 위치에 자바스크립트 코드를 적용해야 합니다. "css, 배경, 색상"을 검색하면 사용할 코드를 찾을 수 있습니다. '코랄'은 코드의 배경색으로 사용할 수 있는 붉은색 또는 분홍빛이 도는 주황색을 의미합니다.

### 스타일 속성을 사용하여 CSS로 태그 스타일 지정하기
스타일 속성을 사용하여 특정 태그의 스타일을 지정하는 CSS 코드를 페이지에 적용할 수 있습니다. 이 과정에서 스타일 속성의 구문을 이해하는 것이 중요합니다. 이 방법을 사용하면 CSS 속성을 사용하여 선택한 태그의 스타일을 지정할 수 있습니다.

### 기본 CSS 구문 소개
* 💻 이 장에서는 기본 CSS 규칙을 소개하며 **그 중요성**과 자바스크립트 학습자가 쉽게 이해할 수 있도록 강조합니다.
* 📝 교수자는 기존 HTML 파일을 복제하고 **불필요한 태그를 제거**하여 단순화한 다음 연습을 위해 이름을 바꿉니다.
* 🎨 특정 태그의 스타일을 지정하기 위해 강사는 글꼴 색상을 **'파우더 블루'**로 변경하고 배경색을 **'코랄'**로 변경하는 등 CSS 속성을 사용하여 **'스타일'** 속성을 추가하는 방법을 시연합니다.
* 🔍 CSS는 HTML 및 JavaScript와는 별개의 컴퓨터 언어로 강조 표시되며, HTML 구문 내에서 **CSS 코드를 나타내는 데 '스타일' 속성**이 사용됩니다.
* 🔑 핵심은 **'스타일' 속성 내에서 CSS 속성**을 사용하여 HTML 요소의 스타일을 지정할 수 있다는 것입니다.
* 🎓 강사는 학습자가 **스타일 태그, 선택기, ID 선택기, 클래스 선택기와 같은 개념에 이미 익숙**하다면 CSS 관련 챕터를 건너뛰도록 권장합니다.
* 🚀 이러한 지식은 학습자가 온라인 검색을 통해 **스타일링 문제를 독립적으로 해결**할 수 있도록 지원하여 학습 여정에서 중요한 이정표가 됩니다.

WEB2 JavaScript - 9. CSS 기초 : style 속성

일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다.

채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNaPCfjS0OtBGosccoJssHdaB5i8H73dKI9jimeybLU11Hzb6a86EAaDFkM6bYaBwIDAQAB
