profile
잘 & 열심히 살고싶은 개발자

TIL 2. &html/css 기초(2)

1. Position 1-1. Position: relative; relative만으로는 아무 변화도 없지만, 그 안에 위치를 이동시켜주는 top/right/bottom/left 속성을 주면 원래의 위치에서 속성값을 준 만큼 이동하게 된다. > relative만 준

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

TIL 1. html/css 기초

1. span span태그는 display 속성이 inline이므로 차지하는 영역이 content가 있는 만큼만. 따라서 정렬을 해도 content가 있는 곳까지만 정렬되므로 변화가 없다. 2. indent html코드 내에서 스페이스를 넣어도 화면에서는 바뀌지 않는

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

CSS 2. CSS Layout(Flexbox, CSS Grid)

container 태그에 display: flex;를 사용해 자식 태그들을 (일괄)컬럼 정렬할 수 있다.flex-wrap: 기본 nowrap으로 설정되어 있어 화면 크기를 줄여도 움직이지 않지만, wrap으로 바꾸면 화면 크기를 줄일 시 요소들이 아래로 내려간다.가로축

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

CSS 1. CSS Layout(box-model)

div: display 속성이 block -> 부모의 사이즈만큼 꽉 찬다 = 크기 조정 가능span: display 속성이 inline -> 정해진 영역만큼만 찬다 = 크기 조정 불가레이아웃을 짤 때는 block 속성의 태그로 만든다(div, section 등)inli

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