학습/CSS

CSS 기초

류안재 2022. 2. 28. 14:46

1️⃣ CSS (Cascading Sytle Sheets의 약자)

- 폰트 종류와 크기, 여백, 글자색, 배경색, 정렬 등을 지정하는데 사용합니다.

- 애니메이션이나 레이아웃을 짜는데 쓰기도 합니다.

 

 

2️⃣ CSS의 특징

  • 일관성 유지 및 작업시간 단축 (서식 한꺼번에 변경)
  • 수정 및 관리 용이
  • 적은 용량과 이해하기 쉬운 구조
  • 테이블 코딩에 비해 50%정도 코드 절약
  • 다른 사용자 환경에서도 동일한 형태의 문서 (웹표준에 맞는)
  • 1966년에 첫 발표 후 현재 CSS3까지 나옴
  • <head></head>사이에 <style></style>을 넣고 스타일 안에 표기
  • class 선택자는 원하는 곳 여러군데 반복해서 사용 가능
  • id 선택자는 중복 안됨
  • tag 선택자는 따로 설정해주지 않아도 바로 적용가능
  • font-family에서 대체글꼴 3가지 정도 넣음
  • css 주석 달기 단축키 : ctrl + /

 

 

3️⃣ 외부 스타일시트 넣는 법

- 새 문서 상단에 @charset "utf-8"; 입력 후 문서 저장

- html 문서의 title 밑에 css 파일 링크를 걸어주면 완성