# CSS Layout

19개의 포스트
post-thumbnail

CSS GRID LAYOUT

Grid Layout 부모요소(Container)에 적용하는 속성과 자식요소(Item)에 적용하는 속성으로 나누어져 있다. Container 속성 > display grid-template-columns grid-template-rows grid-column-gap

6일 전
·
0개의 댓글
post-thumbnail

[Westagram] Position Property

Throughout the second and fourth week of Wecode, a coding bootcamp, I was given the assignment of cloning the log-in and main page of instagram. The f

6일 전
·
0개의 댓글
post-thumbnail

grid 02

Do It HTML+CSS+자바스크립트 책을 통해 grid속성을 정리했습니다.

2022년 4월 25일
·
0개의 댓글
post-thumbnail

grid

grid 레이아웃을 해보자

2022년 4월 25일
·
0개의 댓글
post-thumbnail

Flex

flex의 속성에 대해 알아보자

2022년 4월 25일
·
0개의 댓글

TIL 02 - CSS Position

TIL 02 - CSS layout / Position

2022년 3월 30일
·
0개의 댓글

0317

css layout master class 完

2022년 3월 17일
·
0개의 댓글

0312

css layout master class

2022년 3월 12일
·
0개의 댓글

0310

css layout master class

2022년 3월 10일
·
0개의 댓글

0306

css layout master class

2022년 3월 5일
·
0개의 댓글
post-thumbnail

CSS Layout - [display] and [position]

* [display] - block / inline / inline-block* inline The display property specifies the display behavior of an element. “inline” displays the element

2021년 11월 3일
·
0개의 댓글
post-thumbnail

TIL ⎮ CSS_layout(position, display)

position 속성 - relative, absolute, fixed inline, inline-block, block 에 대해서 > position MDN형님은 position에 대해 "요소 박스에 대한 상대 좌표를 나타내는 2차원 좌표입니다."라고 요약해 주셨다

2021년 9월 4일
·
0개의 댓글

Masonry(Pinterest) Layout

웹페이지에서 정보를 잘 표현해 주기 위해서 엘리먼트의 효율적인 배치는 매우 중요합니다. 중요한 정보는 위에 덜 중요한 정보는 밑으로 배치를 하며 비슷한 중요도를 가지는 내용은 가로로 나란히 배치하기도 합니다. 이러한 배치를 하는 작업 또는 배치된 상태를 레이아웃이라고

2020년 10월 29일
·
0개의 댓글

CSS Layout에 대하여

H.264/AVC 프로젝트의 목표는 기존의 표준들보다 실질적으로 낮은 비트율(다시 말해, MPEG-2, H.263, 또는 MPEG-4 Part 2의 비트... , 대부분은 2028년 만료 기점을 가진다.

2020년 10월 20일
·
1개의 댓글
post-thumbnail

CSS Layout

HTML은 위에서 아래로, 블록 수준 요소들을 순차적으로 나열하며 내용을 표시하도록 되어있지만 때로는, 구현해야 하는 것은 단순 나열이 아닌 신문의 레이아웃처럼 다단 구성을 해야할 수도 있고, 페이지 임의 위치에 이미지나 텍스트를 자유롭게 배치할 수 있어야 한다.CSS

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

#TIL (May 2nd, 열여덟번째 이야기) #TIR(CSS layout)

css 작성할때 배경 화면 색상 적용해서 적용되는 부분 확인 하면서 레이아웃 작업 진행하루 있음. 첫번째지원안하면 두번째꺼 그다음 세번째꺼 이러한 순서로 간다 보더 사이에는 쉼표 안들어감.img와 background img tag 차이, 12pginline와 block

2020년 5월 2일
·
0개의 댓글

CSS layout

block vs inline block element 화면 전체를 사용하는 태그 inline element 화면의 일부를 차지하는 태그 block vs inline image.png display >display 속성을 사용해서 block element 를 inline element 로 바꿀수 있고, inline element를 block el...

2019년 11월 19일
·
0개의 댓글

TIL no.2 - CSS 레이아웃

CSS 레이아웃 1. display property >#### block 한줄을 전부 차지하는 엘리먼트. 대표적으로 , 가 있으며, HTML5에서는 , , 등이 추가 되었습니다. >#### inline 컨텐츠의 크기 만큼만 차지하는 엘리먼트. 대표적으로

2019년 9월 30일
·
0개의 댓글