차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판이전 판다음 판 | 이전 판 | ||
tech:css [2015/10/02 08:31] – V_L | tech:css [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1 | ||
---|---|---|---|
줄 1: | 줄 1: | ||
+ | {{tag> | ||
======CSS (Cascading Style Sheet) | ======CSS (Cascading Style Sheet) | ||
CSS(Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, | CSS(Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, | ||
줄 16: | 줄 17: | ||
* [[CSS 초기화]] - CSS 간섭을 없앨때 사용. | * [[CSS 초기화]] - CSS 간섭을 없앨때 사용. | ||
+ | * [[CSS 말줄임 사용]] | ||
+ | * [[Css 둥근테두리 사용]] | ||
http:// | http:// | ||
줄 21: | 줄 24: | ||
- | |||
- | =====ellipsis===== | ||
- | |||
- | <file css> | ||
- | max-width: 100px; | ||
- | text-overflow: | ||
- | white-space: | ||
- | overflow: hidden; | ||
- | </ | ||
줄 43: | 줄 37: | ||
center bottom | center bottom | ||
- | =====둥근 테두리===== | ||
- | ie9, 파폭, 크롬 등에서 지원함. | ||
- | <code css> | ||
- | /* 왼쪽위 */ | ||
- | | ||
- | -webkit-border-top-left-radius: | ||
- | -moz-border-radius-topleft: | ||
- | border-top-left-radius: | ||
- | | ||
- | /* 왼쪽아래 */ | ||
- | -webkit-border-bottom-left-radius: | ||
- | -moz-border-radius-bottomleft: | ||
- | border-bottom-left-radius: | ||
- | / | ||
- | -webkit-border-top-right-radius: | ||
- | -moz-border-radius-topright: | ||
- | border-top-right-radius: | ||
- | /*오른쪽 아래*/ | ||
- | -webkit-border-bottom-right-radius: | ||
- | -moz-border-radius-bottomright: | ||
- | border-bottom-right-radius: | ||
- | </ | ||
===== 마진, 패딩 & 박스크기 ===== | ===== 마진, 패딩 & 박스크기 ===== | ||
줄 101: | 줄 73: | ||
[참조] [[http:// | [참조] [[http:// | ||
- | ====줄이기 | ||
- | <file css> | ||
- | .ellipsis { width: 150px; text-overflow: | ||
- | </ | ||
=====display===== | =====display===== | ||
줄 116: | 줄 84: | ||
보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨 | 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨 | ||
- | ====Float 탈출==== | ||
- | 부모 div에 '' | ||
=====< | =====< | ||
아직도 작동하지만 웹표준에서 삭제되었다. CSS를 이용한 정렬이 권장된다. | 아직도 작동하지만 웹표준에서 삭제되었다. CSS를 이용한 정렬이 권장된다. | ||
줄 141: | 줄 107: | ||
- | {{tag> | + |