이번에는 class 8 ~ class 12까지 수강을 했다. 그리고 CSS에 대해서도 살짝 공부를 할 수 있었다.
8. 웹브라우저 제어
- html은 동적이지 않기 때문에 body 태그에 css를 가지고 style을 지정해 놓으면 웹사이트에는 변화가 일어나지 않는다
- 그래서 JavaScript를 이용해서 이러한 부분들의 제어가 가능하다.
9. CSS기초 : style속성
- css를 사용하고 싶을때는 style을 이용하여 진행한다. ex) style background color
- 이번에도 구글링을 통한 코드 검색이 중요하다는 것을 보여줬다.
10. CSS 기초 : style 태그
- style 태그를 활용을 하여 계속 반복되는 글자에 대한 css를 설정할 수 있다.
- span 태그는 제어를 쉽게 하기 위한 무색무취의 태그이고, div도 마찬가지이다.
- span은 줄바꿈이 없고 div는 줄바꿈이 있다.
- span 태그 안에서 더 세부적으로 구분하기 위해서 class태그를 사용하여 준다.
- class 태그를 활용하여 제어해주고 싶으면 style태그 내에서 .js { }로 작성해주면된다.
11. CSS 기초 : 선택자
- 특정하게 선택을 해서 제어를 하고 싶으면 선택자를 사용하면된다. id 태그
- 예를들어 class태그로 구분되어 있는 상황에서 id태그를 사용하면 더욱 더 세세하게 제어를 할 수 있다.
- style태그 내에서 id태그를 지칭해주려면 #을 앞에 작성해주면된다. ex)#id이름
- id태그 > class 태그 > span태그 식으로 우선순위가 적용된다.
12. 제어할 태그 선택하기
- JavaScript를 활용하여 사용자들과 상호작용할 수 있다.
- document.querySelector('body').style.backgroundcolor='black'; <- 이런식으로 Javascript를 활용하여 body 태그의 배경색을 바꿀 수 있다.
logg