문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== CSS Introduction & Syntax ======
<WRAP left notice 80%>
  * description : CSS Introduction & Syntax
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-04
</WRAP>
<WRAP clear></WRAP>
\\
====Source of the article==== 
  * "Do it! HTML5 + CSS3 웹표준의 정석" / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 / 
  * [[https://www.w3schools.com/css/css_intro.asp|CSS Introduction]]
  * [[https://www.w3schools.com/css/css_syntax.asp|CSS Syntax]]
\\
====CSS Introduction====
  * CSS는 웹 페이지를 디자인하려고 사용하는 언어이다.
\\
====CSS란?====
  * CSS는 Cascading Style Sheets (캐스케이딩 스타일 시트)의 약자이다.
  * CSS는 HTML 요소들이 스크린, 문서, 또는 다른 미디어에서 보여질 방식을 서술한다.
  * CSS는 동시에 다수의 웹 페이지의 레이아웃을 조절하여 많은 노고를 덜어줍니다.
  * 외부 스타일시트는 CSS파일에 저장됩니다. 
\\
====CSS Syntax====
{{:wiki:css:css_note:css_sybtax.png?400|}}
\\
  * 선택자 (Selector)는 디자인하려는 HTML요소를 가리킵니다.
  * 선언 블럭 (declaration block)은 세미콜론 (;)으로 구분되는 하나 이상의 선언을 가질 수 있습니다.
  * 각각의 선언은 콜론 (:)으로 CSS 속성 명과 값을 포함합니다.
  * 다중 CSS 선언은 세미콜론으로 구분하고, 선언 블럭은 중괄호 {}로 표시합니다. 
====Example====
<code>
p {
   color: red;
   text-align: center;
}
</code>
\\
  * ''p'' 는 CSS에서 선택자이며, 디자인하려는 HTML 요소를 가리킵니다.
  * ''color''는 **속성 (property)**이고, ''red''는 **속성 값 (property value)**입니다.
  * ''text-align''은 속성이고, ''center''는 속성 값입니다. 

{{tag>오션 CSS introduction, syntax}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구