문서의 이전 판입니다!


CSS (Cascading Style Sheet) Tips!

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

{Less}도 참조.

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

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

http://twitter.github.io/bootstrap/scaffolding.html#gridSystem http://www.divshot.com/

  • <p style="text-decoration:underline;">밑줄긋기</p>
  • <p style="text-decoration:overline;">윗줄긋기</p>
  • <p style="text-decoration:line-through;">가운데줄긋기</p>
  • <font style="vertical-align:sub;color:red;font-size:17pt">아래첨자</font>
  • <font style="vertical-align:normal;color:red;font-size:17pt">걍~</font>
  • <font style="vertica-align:super;color=blue;font-size:14pt;">위첨자</font>
  • p.one{letter-spacing:3px; font-size:20px; }/*글자와 글자 사이 간격*/
  • p.two{word-spacing:30px; font-size:20px;}/*단어와 단어 사이의 간격*/
  • p.three{line-height:150%; font-size:20px;}/*줄간견으로 px과 %로 줄수 있음*/
  • <font style="text-transform:capitalize">영문자의 첫 글자만 대문자로 변화 sdagasdg agasdg</font>
  • <font style="text-transform:uppercase">영문자의 모든 글자를 대문자로 변화 sDagasdg aGasdg</font>
  • <p style="text-indent:20%">문자열 들여쓰기근영</font><!– cm,pt,%등이 올수 있음–>
  • 클래스이름
  • {white-space:nowrap}

역링크