둥글게 둥글게

  • 홈
  • 태그
  • 방명록

position 1

CSS 기본 문법 실습 따라해보기 - text/box (1)

CSS 기본부터 적용하기 1) 간단한 box 만들기 → 부모-자식 box 만들어서 개발자 도구로 크기 확인해 보기 2) 글꼴 line-height 사용하기 → 사용하는 문장마다 글꼴을 각각 다르게 지정할 경우, 글의 크기를 같게 지정해도, 글의 높이가 달라질 수 있다. 따라서 line-height을 사용하여 글의 높낮이를 맞춰주자. ex) 미세하게 위-아래의 글꼴 높이가 2 정도 차이 남 (개발자 도구로 확인) ex) 두 문단의 글꼴 크기를 line-height을 이용하여 같게 함 (개발자 도구로 확인, 구분이 잘 되게 하기 위해 배경에 색을 줌) 3) 글 letter-spacing / word-spacing → word-spacing : 띄어쓰기 구분으로 한 단어마다 간격을 주는 것 (음수 가능) ex..

프론트엔드/CSS 2022.12.13
이전
1
다음
더보기
프로필사진

조유진의 둥근 개발자 일기

  • 분류 전체보기 (199)
    • 프론트엔드 (42)
      • React (5)
      • JAVASCRIPT (11)
      • TYPESCRIPT (1)
      • HTML (7)
      • CSS (8)
      • Next.js (3)
      • 기술블로그 (3)
      • Electron (3)
    • 프로젝트 (19)
      • 개인 프로젝트 (5)
      • 팀 프로젝트 (7)
      • 토이 프로젝트 (7)
    • Git & Github (9)
    • 자료구조 & 알고리즘 (23)
    • 프로그래머스 풀이 (99)
      • level0 (55)
      • level1 (39)
    • 마음가짐 (7)

Tag

프론트엔드 공부, 프론트엔드 프로젝트, frontend, 프론트엔드공부, 프로그래머스 level1 문제풀이, 프론트엔드스쿨, js 선형자료구조, 팀프로젝트, HTML, 개발공부, level1 문제풀이, 프로그래머스 level0 문제풀이, 프로그래머스 level0, 프로그래머스 level1, 프로그래머스 문제풀이, js 자료구조, 제로베이스, 프론트엔드, 프로그래머스, 프론트엔드개발자,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 🙋🏻‍♀️ My GitHub

티스토리툴바