ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 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 파일 링크를 걸어주면 완성

     

    '학습 > CSS' 카테고리의 다른 글

    CSS 미디어 쿼리(Media Query)  (0) 2022.03.06
    CSS 포지션(position) 속성  (0) 2022.03.04
    CSS 가운데(중앙) 정렬  (0) 2022.03.03
    CSS 초기화(reset.css)  (0) 2022.03.02
    CSS 자손, 후손 선택자  (0) 2022.03.01

    댓글

Copyright ⓒ 2022 Ryu All Rights Reserved.