[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는 속성 값입니다.

  • 22-06-20
  • 445 회
  • 0 건
Total 348
번호 제목 글쓴이 조회 날짜
364 07-15
580 07-15
346 290 07-20
345 143 07-20
344 188 07-20
343 300 07-20
342 108 12-30
341 152 07-20
340 219 07-20
열람 446 06-20
338 180 07-20
337 1,114 06-21
336 190 11-03
335 368 06-20
334 395 02-25
RSS

오픈런하우스

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

GO!