GaramX

1. !important
2. style attrribute
3. id selector
   • notation : #[id_name]
4. class selector
   • syntax : .[class_name]
5. tag selector
   • syntax : [tag name] [tag name2]

• a:link { color: red; }
  a:visited { color: purple }

• 바로 뒤에 있는 Element만 선택

  ul + p {
    color: red;
  }

• 후계 직계 자식만 선택

  div#container > ul {
    border: 1px solid black;
  }

• px
• em
• rem

<div class="txt_line">통영의 신흥보물 강구안의 동쪽벼랑인 동피랑의 벽화마을을 다녀왔다</div> .txt_line { width:70px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 

Block레벨 테그에서만 적용됨.overflow:hidden : 넓이가 70px를 넒어서는 내용에 대해서는 보이지 않게 처리함text-overflow:ellipsis : 글자가 넓이 70px를 넘을 경우 생략부호를 표시함

white-space:nowrap : 공백문자가 있는 경우 줄바꿈하지 않고 한줄로 나오게 처리함 (\A로 줄바꿈가능)