web2 javascript +css

.웹브라우저 제어
css
style 태그와 선택자 div span 뜻이 없는 태그
.js{
    font-weight: bold;
    color:red;
    }

. 은 class
#은 id <우선태그

<span class="js">JavaScript</span>
웹페이지의 모든 JavaScript가 js 설정으로 바뀜

day night 
    <input type="button" value="night" onclick="
      document.querySelector('body').style.backgroundColor = 'black';
      document.querySelector('body').style.color = 'white';
      ">

    <input type="button" value="day" onclick="
      document.querySelector('body').style.backgroundColor = 'white';
      document.querySelector('body').style.color = 'black';
      ">

.자바스크립트는 컴퓨터 프로그래밍 언어
html은 컴퓨터 언어 > 웹페이지 묘사 목적의 언어
시간의 순서에 따라 동작, 사용자와 상호작용 목적


?????????? 왜 margin 값이 안먹지/ css에서 예외조항은 못두나
day night 버튼이 구간나눔에 따라 크기가 변해버림
  body {
                margin-left: 30px;
                }

> css margin padding 설정 빡세게 했다 머리뜯을뻔했다
.if 조건문 토글버튼