Front/CSS

[css] 네이버 검색창 UI 만들기

목표는 네이버 홈페이지 검색 UI 해당 부분의 UI를 구현할 수 있는데 까지 해보는 것이 목표이다. html body CSS 출력 결과 naver 로고 옆에 날개 달린 모자는 생략하였다.

2021. 12. 3. 07:33

Front/CSS

[CSS] 크기 단위인 em과 rem이란?

em 상위 요소 크기의 몇 배인지 크기를 정한다. 예) font-size: 2em; 위 코드는 상위 요소 크기의 2배로 하겠다는 뜻이다. rem 문서의 최상위 요소, 즉 html 요소 크기의 몇 배인지를 정한다. 예) font-size: 1.5rem; 최상위 요소에서 1.5배 하겠다는 뜻이다. ps. html 요소 크기 기본값은 웹브라우저에서 정한 글자 크기이다. 보통 16px.

2021. 12. 1. 20:09

Front/CSS

[CSS] float 속성

float란? 단어 자체의 뜻은 '뜨다'라는 의미 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성이다. 현재는 웹 페이지의 layout을 작성할 때 자주 사용된다. inherit : 부모 요소에서 상속 left : 왼쪽에 떠있는 블록 박스를 생성 right : 오른쪽에 부유하는 블록 박스를 생성 none : 요소를 부유시키지 않음 div와 float를 이용하여 레이아웃 배치한 예제 CSS + Layout(배치) Float Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem accusantium corporis vel adipisci est numquam quae inventore minima corrupti at repellend..

2021. 11. 28. 22:25