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>
<style>
.txt_line { 
 width:70px;
 padding:0 5px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap; 
} 
</style>

Block레벨 테그에서만 적용됨

• .overflow:hidden : 넓이가 70px를 넒어서는 내용에 대해서는 보이지 않게 처리함
• text-overflow:ellipsis : 글자가 넓이 70px를 넘을 경우 생략부호를 표시함
• white-space:nowrap : 공백문자가 있는 경우 줄바꿈하지 않고 한줄로 나오게 처리함 (\A로 줄바꿈가능)