반응형
- CSS는 Cascading Style Sheets의 약자입니다.
- CSS는 HTML 요소를 화면에 표시하는 방법을 설명합니다. 종이, 또는 다른 미디어에서
- CSS는 많은 작업을 절약합니다. 레이아웃을 제어할 수 있습니다. 한 번에 여러 개의 웹 페이지
- 외부 스타일시트는 CSS 파일에 저장됩니다.
CSS는 우리가 웹 페이지를 스타일링하는 데 사용하는 언어입니다.
CSS를 사용하는 이유
CSS는 디자인, 레이아웃을 포함하여 웹 페이지의 스타일을 정의하는 데 사용됩니다. 그리고 다양한 장치와 화면 크기에 대한 디스플레이의 변화.
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}실행
CSS 구문
선택기는 스타일을 지정하려는 HTML 요소를 가리킵니다.
선언 블록에는 세미콜론으로 구분된 하나 이상의 선언이 포함됩니다.
각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함됩니다.
여러 CSS 선언은 세미콜론으로 구분되며 선언 블록은 중괄호로 둘러싸여 있습니다.
이 예제에서는 모든 <p> 요소가 가운데 정렬되고 텍스트 색상이 빨간색으로 표시됩니다:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>
</body>
</html>
p는 CSS의 선택기입니다(스타일을 지정하려는 HTML 요소인 <p>를 가리킴).
color는 속성이고red은 속성 값입니다.
text-align은 속성이고 center는 속성 값입니다.
반응형