반응형
CSS란?
- CSS는 Cascading Style Sheets의 줄임말이다.
- 어떻게 HTML 요소들을 스크린, 페이퍼 또는 다른 미디어 공간에서 표현할지에 대해 설명한다.
- CSS는 많은 작업을 줄여준다. 여러 웹페이지의 레이아웃을 한번에 제어할 수 있다.
- 외부파일에 CSS파일을 저장할 수 있다.
CSS를 사용하는 이유?
- CSS는 다른 장치와 스크린 크기를 위한 레이아웃 및 디스플레이 변형을 포함하여 웹페이지 스타일을 정의하는데 사용된다.
아래는 css의 예시 코드이다.
<!DOCTYPE html>
<html lang="ko">
<head>
<style>
body{
background-color: aqua;
}
h1{
color: green;
text-align:center
}
p1{
color: red;
font-family: 'Courier';
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p1>This is paragraph</p1>
</body>
</html>
결과물
위의 코드와 결과를 보면 html은 단순히 제목(My First CSS Example)과 단락(This is paragraph)만을 만들 수 있고 배경의 색상이나 폰트 형식 크기는 제어하지 못한다.
이러한 배경 색상과 폰트 형식 및 크기는 CSS가 담당한다.
CSS는 많은 작업시간을 줄인다.
정의된 스타일들은 외부 cssfile로 저장할 수 있다.
외부 스타일시 파일을 사용하면 하나만 변경하여도 웹사이트 전체의 모양을 변경할 수 있다.
반응형
'웹프로그래밍 > CSS' 카테고리의 다른 글
| [CSS] CSS Backgrounds 배경 꾸미는 법 (0) | 2023.09.10 |
|---|---|
| [CSS] CSS 주석달기 (0) | 2023.09.09 |
| [CSS] CSS 추가하는 3가지 방법(External CSS, Internal CSS, Inline CSS) (0) | 2023.09.09 |
| [CSS] CSS Selectors (0) | 2023.09.09 |
| [CSS] CSS 문법 (0) | 2023.09.09 |
댓글