추적:

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- tech:css [2015/10/02 08:31] – [ellipsis] V_L
+++ tech:css [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1
@@ 줄 1: / 줄 1: @@
+{{tag>css}}
 ======CSS (Cascading Style Sheet)   ======
 CSS(Cascading Style Sheet)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.
@@ 줄 16: / 줄 17: @@
     * [[CSS 초기화]] - CSS 간섭을 없앨때 사용.
+    * [[CSS 말줄임 사용]]
+    * [[Css 둥근테두리 사용]]
 http://twitter.github.io/bootstrap/scaffolding.html#gridSystem
@@ 줄 34: / 줄 37: @@
 center bottom
-=====둥근 테두리=====
-ie9, 파폭, 크롬 등에서 지원함.
-<code css>
-  /* 왼쪽위 */
--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;
-</code>
 ===== 마진, 패딩 & 박스크기 =====
@@ 줄 92: / 줄 73: @@
 [참조] [[http://www.paulirish.com/2012/box-sizing-border-box-ftw/|Paul Irish]]
-====줄이기  ====
-<file css>
-.ellipsis { width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
-</file>
 =====display=====
@@ 줄 107: / 줄 84: @@
 보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨
-====Float 탈출====
-부모 div에 ''overflow:hidden'' 추가
 =====<Center> tag=====
 아직도 작동하지만 웹표준에서 삭제되었다. CSS를 이용한 정렬이 권장된다.
@@ 줄 132: / 줄 107: @@
-{{tag>css}}