CSS(Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.

http://naradesign.net/open_content/lecture/wp/

즉, HTML 등에 쓰이는 태그가 구체적으로 어떻게 표시될 지를 정의하는 문서이다.

• http://www.w3schools.com/css/ (영어, 하지만 지존.)
• http://ilmol.com/wp/css

http://www.cssportal.com

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

ie9, 파폭, 크롬 등에서 지원함.

  /* 왼쪽위 */
 
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
 
  /* 왼쪽아래 */
  -webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
 
 /*오른쪽위*/
	  -webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
	/*오른쪽 아래*/
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;

• margin 은 본문과 외부사이의 간격입니다.
• padding은 본문과 본문의 태두리와의 사이이구요.
• border는 margin 과 padding 사이의 것이겠네요.
• 위 오른쪽 아래 왼쪽; 순서대로 적을수 있습니다.

px * 0.0626 = em

예를 들면
15px * 0.0626 = 0.939em
77px * 0.0626 = 4.8em
80px * 0.0626 = 5.008em

{text-decoration:overline}
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
h4 {text-decoration:blink}

div 태그로 만든 Layer를 안보이게 하는 두가지 방법

display:none  <-> block

아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨

visibility:hidden <-> visible

보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨