외부에 css 파일을 만들어서 html에 연결하는 방법

<head>
<link rel="stylesheet" href="1.css" />
 </head> 

head사이에 link tag

  • rel? 연결문서와의 관계
  • href? 연결할 곳의 주소
  1. p태그는 body 태그의 자식이다.
    .body {
     font-size: 24px;
     }
    .p {
     color: yellow;
     }
    body 요소의 설정값이 자식태그인 p태그에 상속이 된다.
  1. 자바스크립트 계속 실행 안되어서 코드 처음부터 끝까지 다 고쳤는데,
    알고보니 html에서 연결 안해준 상태로 진행하고 있었다.
    먼저 연결하고 만들자..

    <body>
    <script src="index.js"></script>
    </body>
  1. document.
  • 객체

  • document.geElementByTagName(태그이름)
    태그 이름의 요소를 모두 선택
    //이거 한번 따라쳐봐야겠다.

  • document.getElementByID(아이디이름)
    아이디 요소를 선택

  • document.querySelector(선택자)

  • document.querySelectorAll(선택자)
    //이거는 더 공부해봐야겠다..