1. table

• 상단의 제목을 지정할때 사용하는 code

• 내용 지정할때 사용하는 code
• 행 병합은 clspan / 열 병합은 rowspam

• 파랑은 헤드 빨강은 바디

• class 지정을 통한 색 변환 및 name 지정으로 하나의 색 변환 가능

2. 아이디 선택자

html 태그의 속성 중 id를 이용해서 태그를 선택한다.

#title

ID는 페이지에 단 하나만 사용 가능하다.

<style>
  #title{
    color:green;
  }
</style>
<h1 id="title">아이디가 title 입니다</h1>

3. 클래스 선택자

html 태그의 속성 중 class를 이용해서 태그를 선택한다.

.content

class는 페이지에 여러 번 사용 가능하다.

<style>
  .content {
    color:red;
  }
</style>
<p class="content">클래스가 content 입니다.</p> 

4. 태그 속성 선택자

태그 속성이 적혀있는 태그에만 스타일을 적용한다.

a[target]

<style>
  a[target] {
    color: red;
  }
</style>
<a href="#">이동</a>
<a href="#" target="_blank">새 창으로 이동</a>

5. 문자열 속성 선택자

div[class="my"] -> my라는 속성이 클래스 명인 경우 (my)
div[class*="my"] -> my라는 문자열이 class 속성값 중 일부일 경우(my-data , my)

<style>
  div[class*="my"] {
    color: red;
  }
</style>