솔미는 성장중

목표 들어가기에 앞서... - flex 이론 잡기 https://ddorang-d.tistory.com/12 [CSS]float 이해하기 & clear하는 방법 1. float 이해하기우선 float의 작성 방법입니다. 123div{float:left;}div{float:right;}div{float:both;}cs 이렇게 float는 왼쪽, 오른쪽, 양쪽으로 사용가능합니다. 객체를 어느쪽으로 띄울 것인가 결정하는것인데, ddorang-d.tistory.com - float & clear 하는 또 다른 방법들 https://velog.io/@hsecode/CSS-float-%ED%95%B4%EC%A0%9C%ED%95%98%EA%B8%B0-float-clear [CSS] float clear, float ..

1.position 이용하기 1) 부모쪽에 position: relative; 자식쪽에 position: absolute; 이렇게 해야 부모를 기준으로 자식이 배치된다. position:relative;를 빼면 자식이 브라우저 창 기준으로 위치된다. 2) 자식쪽에 top:0; bottom:0; 등과 같이 어디가 top이고 어디가 bottom인지 지정해줘야 한다. 3) margin: auto;를 통해 중앙에 위치시킬 수 있다. See the Pen css중앙정렬1 by sol _ (@sol-_) on CodePen. 2. flex 이용하기 1) 부모쪽에 display: flex; 삽입 display: flex; 2) 부모쪽에서 자식 위치 지정 align-items: center; justify-conten..

[문제 상황] 웹 브라우저마다 기본적으로 설정되어있는 css값들이 있다. 하지만 이러한 요소에 영향을 받으면 안되므로 reset.css cdn 내용을 html에 추가해주어야한다. 나의 장점 착하다 예쁘다 고민상담을 잘해준다 도전 정신 이 코드를 짜고 기대했던 화면은 다음과 같다. 하지만 실제 출력된 화면은.. 사진에서 보다싶이 h3태그, 줄 간격, li태그 모두 의도한 대로 출력되지 않는 것을 볼 수 있다. reset.css cdn이 브라우저 기본 설정값을 초기화해주는 역할을 하기 때문이다! reset.css cdn을 삭제해주면 위쪽 사진과 같게 출력되지만 이는 좋은 방법이 아니다. [해결법] css에서 추가적인 내용을 작성해주면 된다! h3 { font-weight: 700; font-size:20px..