HTML 의 어떤 tag들을 고를 것인가?

Universal * (모든 tag들을 골라라. DB에서도 모두가 * 였는데!)

type Tag (Tag이름을 쓰면 해당 Tag를 고르는 것이다.)

ID #id (해당 Id를 골라낸다.)

Class .class

State :

Attribute [] (해당 속성 값 만 골라낸다.)

/*selector {
  property: value;
}*/

* {
  color:green;
}

li {
  color:blue;
}

li#special { /*li 에 해당하는 special 만 바꾸고 싶다.*/
  color:pink;
}

.red {
  width: 100px;
  height: 100px;  
  padding: 20px 0px;
  margin: 50px;
  border: 2px dashed red;
	/*border-width: 2px;
	border-style: dashed;
	border-color: red;*/
  background: blue;
}

button:hover { /*마우스를 올렸을 때*/
  color: red;
  background: purple;
}

a[href] { /*href 있는 tag들만 바꾸고 싶다.*/

}
a[href$="naver.com"]{
  color: purple;
}

padding 은 contents 안에 들어간다.

margin 은 contents 밖이다.