09. css 기초: style 속성

 

<h2>JavaScript란 무엇인가?</h2> 라는 문장이 있는데 이것을 디자인적으로 바꾸고 싶은 욕심이 생겼다면 바꾸고 싶은 태그에 style 속성을 쓰면 됩니다.

<h2 style="color: powderblue;">JavaScript란 무엇인가?</h2>

' color: powderblue ' 가 바로 css라는 html과 자바스크립트와는 완전히 다른 컴퓨터 언어의 코드 입니다.

그리고 style은 HTML의 문법 입니다. 이 코드는 css 문법 중에서 속성 (property) 이라고 합니다.

만약 ' JavaScript란 무엇인가? ' 라는 텍스트에 배경색을 주고 싶다면 어떻게 해야 할까요 ?

<h2 style="background-color: coral; color: powderblue;">JavaScript란 무엇인가?</h2>

style 이라는 속성에 css 코드를 넣으면 디자인 할 수 있다는것과 속성이라는 문법의 구조를 파악하고 있다면 검색을 통해 해결할 준비가 된 것 입니다.

 

이렇게 특정태그를 css 언어로 디자인 하고 싶다면 , style이라는 속성을 쓰고 그안에 css 속성이라는 문법을 사용하면 됩니다.