Css 란?

 

웹사이트를 만들기 위해서는 Html, Css, Javascript가 필수입니다.
그 중에서, 웹의 스타일링을 할 수 있게하는 Css를 알아봅시다.

 

 

1. CSS: Cascading Style Sheets

앞글자만 따온 약어입니다. 마크업 언어이며, 프로그래밍 언어라고 안합니다.

 

 

2. style.css

.css 확장자명을 가진 파일입니다. .css 파일 혼자서는 아무것도 할 수 없지만, .html에 링크를 걸어줄 때 그 가치를 발휘합니다.

 

 

3. 문서(Document)입니다.

책을 쓴다고 생각하면, 크게 생각할건 아래 2가지 같습니다 .

• 내용(Html)
• 디자인(Css)

Html은 웹의 내용을 작성할 때 쓰는것으로, 원고지에 책의 내용을 쓰는것이라 생각하고,

Css는 웹을 스타일링할 때 쓰는것으로, 책의 디자인을 입히는 것이라 생각합시다.

*어디가면 Html, Css로 프로그래밍 한다고 하지말고, Html, Css를 작성한다. 또는 마크업을 한다고 이야기합시다.

 

 

Css로 할 수 있는건 다음과 같습니다.

• 크기
• 레이아웃
• 여백
• 배경
• 폰트와 텍스트(타이포그래피)
• 애니메이션(트랜지션)
• 그림자, 경계선
• 기타

 

---

웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요.

 

https://zabefofoon.github.io/mm-guide/

---

로또 번호 생성기도 만들었습니다. 한번 구경해보세요.

 

https://zabefofoon.github.io/simple-lotto/?lotto=lottoKoea

---

 

 

다음글: Css 파일 만들기(with Visual Studio Code)

관련글: Html 파일 만들기(with Visual Studio Code)