기본선택자

 

style 

• 태그 선택자로 스타일 적용하기 
• 태그명안에다가 css를 정의하면 된다.
• 태그 선택자로 스타일 적용하기 
  • h3{color : red;}
  • p{background-color:yellow;} 
• 아이디 선택자로 스타일 적용하기 
  • # first-message{color:blue; font-weight:bolder;}
• 클래스 선택자로 스타일 적용하기
  • . top{font-weight: bolder; color:blue;}
• 한번에 여러가지 선택자로 스타일 적용하기 
  • 태그와 태그 선택하기 
    • h1, h3 {}
  • 태그와 아이디 선택하기
    • #first-message , p {}
  • 태그와 클래스 선택하기
    • p, .top {}
  • 클래스와 아이디 선택하기
    • #first-message, .top {}
  • 무한정 조합이 가능하다.
• script 선택하기
  • console.log(); 
    • 자바의 System.out.println()과 동일한 메소드 이다.
  • var a = document.querySelector("h3");
    • h3태그를 사용해서 아무타입이나 담기는 변수에 입력을 했다.
  • console.log(a);
    • 변수를 표현하기 
  • var b = document.querySelectAll("p");
    
    • p엘리먼트를 선택하기
    • All을 적으면 전체항목을 가져올 수 있다.
  • var c = document.querySelector("#fist-message");
    • 아이디 선택자 선택하기
  • var d = document.querySelector(".top");
    • 클래스 선택자 선택하기