CSS : 개요

송아지·2022년 11월 15일
0

CSS

목록 보기
1/1
post-thumbnail

정의

  • Cascading Style Sheets : 스타일 시트 언어, 웹 페이지에 어떻게 표시될지 글꼴과 색상, 크기 등을 지정하는 역할을 한다.

적용방법

  1. 인라인 스타일
  • 태그에 직접 style 속성을 주는 방법
  • <div style="color: yellow">CSS</div>
  1. style 태그
  • html 내 <head> 부분에 작성
  1. CSS 파일에 작성
  • 실무에서 사용하는 방법-유지보수가 쉽다.
  • link 태그로 html 파일과 CSS 파일을 연결해줘야 한다.
  • <link href = "파일" rel="stylesheet"/>

작성방법

  • 태그에 적용할 경우 태그 { 스타일 }
  • id에 적용할 경우 #아이디 {스타일}
  • class에 적용할 경우 .클래스 {스타일}

font 스타일

  • font-size : 폰트 크기 설정
  • font-family : 폰트 종류 지정
  • font-weight: 폰트 굵기 설정, 100~900 사이의 값을 주거나, normal, bold 로 입력 가능
  • text-decoration : 밑줄, 취소선 표시
  • color : 색상 이름, hex 코드, rgb, hsl 로 값을 줄 수 있음
  • letter-spacing : 글자 간격 조절

문단 스타일

  • text-align : center/left/right 정렬 가능
  • text-indent : 들여쓰기
  • line-height : 행간 높이 설정
profile
영차영차 !! 오늘도 화이팅 !!

0개의 댓글