개발하는 사막여우
개발하는 사막여우
개발하는 사막여우
전체 방문자
오늘
어제
  • All (310)
    • Books (13)
      • 읽기 좋은 코드가 좋은 코드다 (13)
    • Study (6)
      • Blockchain (3)
      • Algorithm (3)
    • Baekjoon (36)
    • Programmers (166)
    • LeetCode (15)
    • Open Source (1)
      • Youtube Popout Player (1)
    • Language (32)
      • Python (9)
      • JS (8)
      • Java (5)
      • HTML (6)
      • CSS (4)
    • Library & Framework (15)
      • React.js (15)
    • IDE (2)
      • IntelliJ (2)
    • Airdrop (9)
    • Tistory (2)
    • etc.. (12)
      • Cozubi (6)
      • lol-chess (0)

블로그 메뉴

  • Github

공지사항

인기 글

태그

  • 읽기 좋은 코드가 좋은 코드다
  • programmers
  • 코딩테스트연습
  • 신규 코인 에어드랍
  • 백준
  • 2018 KAKAO BLIND RECRUITMENT
  • 카카오 공채
  • 코인줍줍
  • 프로그래머스
  • 파이썬
  • Python
  • 클린 코드
  • 카카오 코딩테스트
  • Cozubi
  • 카카오 알고리즘 문제
  • 프로그래머스 위클리 챌린지
  • 알고리즘문제풀이
  • 코주비
  • 클린 코드 작성법
  • Java

최근 댓글

최근 글

티스토리

반응형
hELLO · Designed By 정상우.
개발하는 사막여우

개발하는 사막여우

[CSS] 글자 / 텍스트 속성
Language/CSS

[CSS] 글자 / 텍스트 속성

2021. 3. 3. 17:02
반응형

텍스트를 다루는데 있어 속성들은 여러가지이다.

 

1. font-family:

폰트 자체를 지정. 고딕체, 명조체 등등

 

2. font-weight: 

폰트의 두께를 지정한다. 1~1000의 숫자를 지정할 수도 있지만, 일반적으로 normal, bold, lighter, bolder 로 사용한다.

만약 두꺼운 글자나 얇은 글자를 지원하지 않는 폰트의 경우 적용되지 않을 수 있다.

 

3. line-height:

줄 높이(행간)을 지정할 때 사용한다. normal 또는 숫자로 지정할 수 있다.

단위 없는 숫자의 경우 폰트 크기를 기반으로 설정하고, 단위를 두면 px, %, rem 등 모두 사용할 수 있다. 보통 1.5~1.9 정도로 사용한다.

 

4. text-align:

텍스트의 맞춤을 지정한다. left, right, center, justify(양쪽 맞춤) 이 있다.

 

 

 

 

반응형
저작자표시 (새창열림)

'Language > CSS' 카테고리의 다른 글

[CSS] reset.css / css 리셋  (0) 2021.03.10
[CSS] 박스 원형으로 만들기  (0) 2021.03.08
[CSS] css의 단위 (px, %, rem, em, vw, vh)  (0) 2021.03.03
    'Language/CSS' 카테고리의 다른 글
    • [CSS] reset.css / css 리셋
    • [CSS] 박스 원형으로 만들기
    • [CSS] css의 단위 (px, %, rem, em, vw, vh)
    개발하는 사막여우
    개발하는 사막여우
    개발개발 주저리주저리

    티스토리툴바