JavaScript 4일차 - 웹브라우저 제어 / CSS 기초

웹브라우저 제어

 

자바스크립트로 웹브라우저를 어떻게 제어하는지 알아보자

 

night 버튼을 눌렀을때 다크모드 / day 버튼을 눌렀을때 주간모드가 되게 하려면

1. html body에 스타일 속성을 주는 css코드 를 알아야한다

2. 스타일을 주고자하는 부분이 body 태그라는 것을 웹브라우저에게 알려주는 방법을 javascript 문법으로 어떻게하는지 알아야한다.

 

그래서

1. css 주요 문법을 익혀야한다

2. js를 이용해서 제어하고자하는 태그를 선택하는 방법에대해 익혀야한다.

 

CSS 기초

 

style 속성을 이용해서 CSS 사용하기

 

스타일을 바꾸고싶은 태그 안에 style 속성을 넣는다

style="CSS코드"

ex ) <h2 style="color:powderblue">실업급여란?</h2>

 

CSS background color property를 구글링해보자

https://www.w3schools.com/cssref/pr_background-color.asp

CSS background-color property

 

<h2 style="background-color:powderblue">실업급여란?</h2>

 

style이라는 속성에 css를 넣으면 디자인을 할 수 있다 + 속성이라는 문법의 구조 파악 = 검색을 통해 문제를 해결할 수 있는 준비가 되었다!