• 단위

    em 과 rem의 차이<!DOCTYPE html><html><head><meta charset=\"UTF-8\" /><title>단위 테스트</title><style>\thtml {font-size:10px;}\t#emtest {font-size:2em;}\t#emtest p {f

  • text-indent, text-transform

    text-indent<!DOCTYPE html><html><head><meta charset=\"UTF-8\" /><title></title><style>div.a {text-indent: 50px;}div.b {text-indent: -2em;}div.c {text-indent:

  • Table

    border , border-collapse<!DOCTYPE html><html><head>\t<title></title>\t<style>\t\ttable.test1 { border-collapse: collapse; border : 1px solid

  • overflow

    <!DOCTYPE html><html><head><style>div { background-color: lightblue; width: 110px; height: 110px;}div.ex1 {overflow: scroll;}div.ex2 {overflow: hidden;}div.ex3 {overflow: a

  • Font

    font-family : 글꼴을 지정<!DOCTYPE html><html><head>\t<title></title>\t<style>\t\tp.test1 {font-family: Georgia, \"Times New Roman\", serif;}\t\tp.test2 {font-family: s