2021/07/13 3

[CSS] 반응형 CSS em과 rem

CSS 정리 - 드림 코딩 by 엘리 강의 정리입니다. 자세한 내용을 공부하고 싶으시면 위의 링크에 들어가셔서 학습하시는 것을 추천드립니다. - 부모의 크기에 따라서 사용하는 경우는 %와 em을 사용 - 브라우저의 크기에 따라서 사용하는 경우는 v*와 rem을 사용합니다. 1. em level 1 level 2 level 3 level 4 .level1 { font-size: 2em; } .level2 { font-size: 2em; } .level3 { font-size: 2em; } .level4 { font-size: 2em; } - 부모 요소보다 2배씩 커지게 됩니다. 2. rem rem의 경우는 전체 브라우저 창의 크기를 기준으로 하기 때문에 일정한 크기를 갖습니다. .level1 { font-..

Coding/HTML & CSS 2021.07.13

[CSS] 반응형 CSS 단위 정리 1

CSS 정리 - 드림 코딩 by 엘리 강의 정리입니다. 자세한 내용을 공부하고 싶으시면 위의 링크에 들어가셔서 학습하시는 것을 추천드립니다. CSS의 반응형 유닛 CSS 문법 복습 .box{ width:200px; height:200px; color:#ffffff; font-size: 10px; } Selector -> box Property -> width, height, color, font-size Value -> 200px, #ffffff , 10px.... 픽셀 모니터 위에서 화면에 나타낼 수 있는 가장 작은 단위 픽셀의 문제점은? 컨테이너의 사이즈가 변경되어도 컨텐츠가 그대로 고정된 값으로 유지 됩니다. 이러한 문제점때문에 %를 이용하고 있습니다. 상대적인 유닛 사용 - 전부 다 쓰기 보다는 ..

Coding/HTML & CSS 2021.07.13

백준_17204 죽음의 게임(자바) / 그래프 탐색

시간&메모리 제한 문제 입력&출력 문제 풀이 package com.Back; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.StringTokenizer; public class Back_17204 { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); StringTokenizer st = new StringTokenizer(br.readLine()); int N = Int..