# block

72개의 포스트
post-thumbnail

[TIL]CSS 방법론 : BEM

BEM (Block Element Modifier)이란 CSS 방법론중 하나로 요소에 대한 속성에 근거하는 클래스의 이름을 짓는데 구조적인 방법을 제시하며, 유저 인터페이스를 독립된 여러 개의 블록으로 분리하자는것이 목표이다.

어제
·
0개의 댓글
post-thumbnail

[TIL] Layout A to Z

이미지 주위의 텍스트를 감싸기 위해 처음 만들어졌다. 위와 같이 사용하며 float의 속성값으로 left, right, none을 대표적으로 사용할 수 있다. 단어 의미 그대로 left는 선택한 요소를 좌측으로 옮긴다는 의미이며 right는 오른쪽 none은 움직이지

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

inline, inline-block, block

HTML 태그는 크게 inline 요소를 가진 태그와 block 요소를 가진 태그로 나눌 수 있다각 태그에 따라서 태그에 적용할 수 있는 CSS 속성에 차이가 있으므로 각각의 특징을 알아둘 필요가 있다block 태그가 작성된 하나의 행 전체를 범위로 차지h1~h6, b

2021년 4월 14일
·
0개의 댓글
post-thumbnail

TIL 25 | CSS position, inline/block, float/clear 복습

✔ CSS replit에서 레이아웃 구성중, 요소 배치에 필히 사용되는 속성값들을 정리해보았다. position 1. position - static static은 모든 요소의 기본 position 상태이다. (default 느낌) 2. position - re

2021년 4월 14일
·
0개의 댓글
post-thumbnail

inline, block, inline-block display

inline display 👉 inline-block display block display

2021년 4월 14일
·
0개의 댓글
post-thumbnail

레이아웃의 모든 것!

레이아웃, sectioning, block, inline, positive,relative,absolute, fixed

2021년 4월 14일
·
0개의 댓글
post-thumbnail

Block & Inline 이해하기

CSS의 꽃은 레이아웃🌼 Block & Inline 개념 이해하기

2021년 4월 6일
·
0개의 댓글
post-thumbnail

😵프로세스 제어 블록(PCB)이란?

PCB 특정 프로세스를 시작시키거나 다시 시작시키는 데 필요한 모든 데이터와 감사(Accountability)를 위한 저장소이다. 프로세스의 상태(https://velog.io/@jaypyon/프로세스-상태)PID: 프로세스 식별자Program Counter:

2021년 4월 1일
·
0개의 댓글
post-thumbnail

[css] display 속성 (feat. inline, block)

인라인, 블록에 대해 알아보자.

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

[TIL 12] Display 속성

웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정.전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치. 대표적인 inline 엘리먼트로 <span> <a> <em> 태그 사용. 여러 개의 inline 엘리

2021년 3월 18일
·
0개의 댓글

css(inline, block, inline-block)

CSS에서 display 속성은 웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정합니다. 여러가지 display 속성값 중에서 가장 기본이지만 은근히 햇갈릴 수 있는 inline과 block, inline-block에 대해서 알

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

TIL)19 position,위치에 관하여

layout의 핵심은 블록 레벨 요소들을 원하는 위치에 배열하는 것이다우리는 CSS를 통해서 원하는 위치로 배열 시킬수 있다. div위에 div를 쌓고 싶을 경우 position 속성을 이용합니다. 이외에도 배치를 위해서 position 속성을 이용합니다. 절대적인 값

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

TIL 08 | CSS Position, display, float

포지션 속성에 대해서는 기본적인 개념이다보니 MDN과 생활코딩에 정리된 것을 많이 참고 했고 개인적으로 한번 더 정리하기 위해 기록해봅니다! static요소를 일반적인 문서 흐름에 따라 배치합니다. top, right, bottom, left, z-index 속성이 아

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

[HTML/CSS]Inline & Block

Inline Elements 필요한 만큼의 가로길이, 즉 텍스트 길이만의 영역을 차지한다. 새로운 줄에서 시작하지 않는다. span, a, br과 같은 태그가 inline elements이다. Block level Elements 좌우로 최대한 늘어날 수 있는 만

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

[TIL-css]BEM 작성방식

지난 스터디 당시 클래스의 이름을 붙일 때 유용한 방식으로 BEM 작성방식이 나왔다. 이름을 붙이는 방식 중 유용하게 쓰이는 방식이 있다는건 알고 있었으나, 솔직히 잘 사용하지 않았다. 나름대로 의미있게 지으려고 했으나 그건 내 방식일뿐 누구와 공유하는 것이 아니기에

2021년 3월 13일
·
1개의 댓글

박스 안의 텍스트 말줄임 효과

박스에 텍스트가 넘칠 경우 말줄임 처리하는 방법!

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

CSS layout

Position Position 속성의 값은 static, relative, absolute and fixed 로 총 4가지이며, 보통의 경우 position 값은 static 이 relative 별도 지정이 없으면 relative 는 static과 비슷하게 작동하지

2021년 2월 17일
·
0개의 댓글
post-thumbnail

block / inline / inline-block

block 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다 width, height, margin, padding 속성이 모두 반영 > # inline 요소끼리 서로 한 줄에, 바로 옆에 위치할 수 있다 텐트의 크기 만큼만 공간을 차지하도록 되어 있기 때문에 width와 height 속성을 지정해도 무시 > # inline-block 요소...

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[HTML/CSS] Inline⛸과 Block⬛, Float

CSS Property display inline block

2021년 2월 17일
·
0개의 댓글

3일차

CheckPoint / position - relative, fixed, absolute / inline, inline-block, block / float

2021년 2월 17일
·
0개의 댓글