profile
코린이 🙆

CSS : display: none;과 visibility: hidden;

CSS를 하다보면 흔히 볼 수 있는 한 가지 display 값은 none이다. 일부 특별한 엘리먼트에서는 none을 기본값으로 사용하기도 하는데, 이 값은 자바스크립트에서 엘리먼트를 실제로 삭제하거나 재생성하지 않고도 엘리먼트를 보이고 감추는 데 흔히 사용된다. 그

2020년 9월 15일
·
0개의 댓글

CSS : small TIP

CSS를 공부하다보면 사소하지만 중요한 CSS TIP들이 있다. 그래서 자칫하면 놓치기 쉬운 CSS TIP들을 정리해보기로 했다 🙂

2020년 9월 15일
·
0개의 댓글

CSS : float

float는 CSS에서 정렬하기 위해 사용되는 속성이다.

2020년 9월 14일
·
0개의 댓글

CSS : position -relative, absolute, fixed

Element의 위치에 관여하는 position property에 관해서 알아보도록 하자.

2020년 9월 14일
·
0개의 댓글

CSS : Peusdo-Element Selector

위의 이미지는 내가 만든 자기소개 페이지의 상단 navigation bar이다. 디자인적 요소를 위해서 회색의 라인을 추가 했는데, 문제는 element 보다 짧은 border line 을 만들려고 하다보니 일반적인 border 속성으로는 구현이 어려웠다. 그래서

2020년 8월 13일
·
0개의 댓글

CSS : fontello

딩벳폰트는 폰트 대신 어떤 문자에 해당하는 이미지로 이루어진 폰트를 의미한다. 그리고 fontello는 딩벳이나 아이콘을 폰트로 제공하는 여러 서비스를 모아둔 서비스이다.

2020년 8월 13일
·
0개의 댓글

CSS : flex

flex의 구성요소인 flex container와 items 그리고 그것들의 속성에 대해서 알아보자

2020년 8월 13일
·
0개의 댓글
post-thumbnail

CSS : block, inline, inline-block

css의 display 속성 중 block, inline, inline-block에 대해서 알아보자< block 의 특성 >부모에 대해 width 100%, 화면 크기 전체의 가로폭을 다 차지한다. (가로 크기를 부모요소의 그것보다 작게 설정할 수 있지만, 그

2020년 8월 9일
·
0개의 댓글