[CSS] 01. CSS Syntax

Posted by 낭만사업가 정대표 블로그 on 2022-06-20 06:16:04

CSS는 웹 페이지의 스타일을 지정하는 데 사용하는 언어입니다.


CSS란?

  • CSS는 Cascading Style Sheets의 약자입니다.
  • CSS는 HTML 요소가 화면, 종이 또는 기타 미디어에 표시되는 방식을 설명합니다.
  • CSS는 많은 작업을 절약합니다. 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있습니다.
  • 외부 스타일시트는 CSS 파일에 저장됩니다.

CSS 규칙은 선택기와 선언 블록으로 구성됩니다.


CSS Syntax

CSS selector

선택기는 스타일을 지정할 HTML 요소를 가리킵니다.

선언 블록에는 세미콜론으로 구분된 하나 이상의 선언이 있습니다.

각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함됩니다.

여러 CSS 선언은 세미콜론으로 구분하고 선언 블록은 중괄호로 묶습니다.

Example

이 예에서 모든 <p> 요소는 빨간색 텍스트 색상으로 가운데 정렬됩니다.

{
  color: red;
  text-align: center;
}
Try it Yourself »

예시 설명

  • p 는 CSS의 선택기입니다(스타일 지정하려는 HTML 요소: <p>를 가리킴).
  • 색상은 속성이고 빨간색은 속성 값입니다.
  • text-align은 속성이고 center는 속성 값입니다.

Total 106
번호 제목 글쓴이 조회 날짜
열람 68 06-20
105 103 06-21
104 38 06-20
103 119 02-25
102 539 02-27
101 13 06-23
100 122 02-25
99 113 02-27
98 11 06-24
97 75 02-25
96 117 02-27
95 21 06-27
94 57 04-11
93 93 02-28
92 64 04-12
RSS

오픈런하우스

1인가구를 위한 원룸형 아파트 쉐어하우스, 1인기업(프리랜서)을 위한 홈오피스형 공유주택

GO!