profile
사용자 경험을 중시하는 프론트엔드 개발자 🐥
post-thumbnail

Box Model

이미지 출처

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

float 프로퍼티

float 프로퍼티는 본래 아래 예제와 같이 이미지와 텍스트가 있을 때, 이미지 주위를 텍스트로 감싸기 위해 만들어진 것이다.https://poiemaweb.com/css3-float

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

position 프로퍼티

position 프로퍼티는 요소의 위치를 정의한다.static은 position 프로퍼티의 기본값으로 position 프로퍼티를 지정하지 않았을 때와 같다.기본적인 요소 배치의 순서는 위 -> 아래 , 왼쪽 -> 오른쪽 순서에 따라 배치된다.부모요소 내에 자식 요소로서

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

display, visibility, opacity 프로퍼티

1. display display 프로퍼티는 layout 정의에 자주 사용되는 중요한 프로퍼티이다. 1.1 block 항상 새로운 라인에서 시작한다. 화면 크기 전체의 가로폭을 차지한다. (width: 100%) width, height, margin, padding

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

CSS 프로퍼티 값의 단위

px은 픽셀(화소) 단위이다. 1px은 화소 1개 크기를 의미한다.픽셀은 디바이스 해상도(resolution)에 따라 상대적인 크기를 갖는다.이와 같이 디바이스 별로 픽셀(화소)의 크기는 제각각이기 때문에 픽셀을 기준으로 하는 단위는 명확하지 않다.%는 백분률 단위의

2021년 10월 20일
·
0개의 댓글
·