Basic CSS Syntax and Style Attributes

Styling a tag with CSS language using a style attribute and CSS property is essential for web development.

### Basic Rules of CSS
CSS basic rules are revolutionary and essential for understanding how CSS works. The course emphasizes that it's okay not to grasp everything in this chapter, especially for those familiar with CSS. The chapter covers adding style attributes to improve the style of HTML tags, emphasizing the difference between CSS, HTML, and JavaScript.

### Setting the Background Color for Text in JavaScript Using CSS
The JavaScript code should be applied where the style tag is located to set the background color for text. Searching for "css, background, and color" will provide the code to use. "Coral" refers to a reddish or pinkish shade of orange, which can be used for the background color in the code.

### Styling Tags with CSS Using the Style Attribute
CSS code can be applied to a page using the style attribute to style a specific tag. Understanding the syntax of the style attribute is crucial for this process. This method allows for the use of CSS properties to style the selected tag.

### Introduction to Basic CSS Syntax
* 💻 The chapter introduces basic CSS rules, emphasizing their **importance and ease of understanding** for JavaScript learners.
* 📝 The instructor duplicates an existing HTML file, simplifies it by **removing unnecessary tags**, and **renames it for the exercise**.
* 🎨 To style a specific tag, the instructor demonstrates adding a `style` attribute with CSS properties, such as changing the **font color to "powder blue"** and the **background color to "coral"**.
* 🔍 CSS is highlighted as a separate computer language from HTML and JavaScript, with the `style` attribute used to indicate **CSS code within HTML syntax**.
* 🔑 The key takeaway is the ability to **style HTML elements using CSS properties** within the `style` attribute.
* 🎓 The instructor encourages learners to **skip CSS-related chapters** if already familiar with concepts like **style tags, selectors, id selectors, and class selectors**.
* 🚀 This knowledge empowers learners to **independently solve styling problems** through online searches, marking a **significant milestone** in their learning journey.

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

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

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