본문 바로가기

기억의 DataBase

검색하기
기억의 DataBase
프로필사진 Zester;

  • ALL (85)
    • Web (6)
    • Java (13)
    • JSP&Servlet (10)
    • Spring (9)
    • JavaScript (13)
    • HTML (7)
    • CSS (14)
    • DB (7)
    • AWS (1)
    • HW, OS (1)
    • Algorithm (1)
    • Tools (2)
    • Tips (1)
Guestbook
Notice
  • Welcome!
Recent Posts
Recent Comments
Link
«   2025/06   »
일 월 화 수 목 금 토
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
Tags
  • nth-of-type()
  • 부스트코스
  • 김성박
  • 웹개발
  • 즐거운자바
  • 속성 선택자
  • vmax
  • 깃헙
  • spring
  • 복합 선택자
  • 다시보자
  • 부정 선택자
  • JavaScript
  • 가상요소 선택자
  • vmin
  • HTML Templating
  • 다시볼 것
  • 보충필요
  • nth-child()
  • 즐거운 자바
  • 가상클래스 선택자
  • 서블릿
  • 소스트리
  • EDWITH
  • optgroup
  • ES6
  • 상속
  • datalist
  • jsp
  • 자바
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록vmin (1)

기억의 DataBase

Size( pixel / % / em / rem / vw / vh / vmax / vmin )

pixel과 % .parent { width: 100px; } .child { /* 50px */ width: 50%; } 부모요소가 100px 자식요소의 50% > 50px %는 부모요소를 기준으로 한 비율 em .parent { font-size: 10px; } .child { /* 20px */ font-size: 2em; } 부모요소의 font-size를 기준으로 하여 선택요소의 font-size를 결정 (중간 단계의 font-size에 영향을 받아 관리하기가 어려울 수 있음) rem html { font-size: 100px; } /* 나머지 Text들은 기본 값인 16px로 */ body { font-size: 16px; } .parent { font-size: 10px; } .independ..

CSS 2020. 4. 8. 18:23
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바