# display
display, visibility
⭐display vs visibility 차이 1.display:none은 숨김 후 공간반납 2.visibility:none은 숨김 후 공간차지 결과
CSS : display
display 속성 display는 요소를 어떻게 보여줄지 결정한다. 주로 쓰이는 요소 > none : 보이지 않음 > block : 블록 박스 > inline : 인라인 박스 > inline-block block과 inline의 중간 형태 1.none 요소를
iOS Layout Update
안녕하세요, szzang입니다!!굉장히 오랜만의 포스트입니다 😅 오늘은 오랜만에 묵혀두었던 공부하고 싶었던 주제에 대한 공부를 해보고 나름대로 정리한 내용을 공유해보려 합니다!
Project: Web design Agency
html CSS Result https://brrkak.github.io/Web-design-Agency-/ object-fit >- CSS object-fit 속성은 `나 ` 요소와 같은 대체 요소의 콘텐츠 크기를 어떤 방식으로 조절해 요소에 맞출 것인지 지정합니다. object-position 속성을 사용해 대체 요소 콘텐츠가 콘텐츠 박스 내에 ...
Flexbox
01 Flexbox (Flexible Box Module) > flex-direction: row / column; flexbox에서 레이아웃의 방향을 결정하는 속성이다. row가 기본값이며 메인축 즉, 가로축 방향을 설정하고 왼쪽에서 오른쪽으로 item이 정렬된
TIL 4일차 - [HTML/CSS] Flexbox
레이아웃을 위한 HTML을 만들 수 있다.display: flex;를 자식 요소가 아닌 부모 요소에 적용해야 함을 이해한다.flex-direction을 이용하여 요소를 정렬할 방향을 결정할 수 있다.justify-content와 align-items를 이용하여 수평-수
[17] 04/11 자바스크립트 수업
color: rgb ( red, green, blue )색깔의 범위 : 0 ~ 255마우스 포인터 형태를 바꿈박스의 요소에 관계없이 지정한 사이즈 만큼 박스 크기를 조절함
HTML element
01 HTML element 01-1 block element 대부분의 element(요소)는 block 요소이다. block요소는 해당 요소의 전체 가로 넓이를 모두 포함해, 따로 스타일을 적용하지 않으면 이 요소 옆에 다른 요소를 붙여 넣을 수 없다. 다음은
css display
css display란?:요소를 어떻게 보여주는지1.요소를 어떻게 배치할지(바깥쪽)- blck, inline2.자식 요소를 어떻게 배치할지(안쪽) - flex, gird, table, flow-root, flow, rubyblock한줄을 차지width, hegith,
CSS Flex, Position
displayflex : 본인은 display : block 처럼 작동자식들은 flex 방식으로 다루겠다는 의미justify-content:flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.cente
CSS - Flex
displayflex : 본인은 display : block 처럼 작동자식들은 flex 방식으로 다루겠다는 의미justify-content:flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.cente
[CSS] none vs hidden
display: none과 visivility: hidden 공통점 요소가 페이지에서 보이지 않는다. 스크린리더기에서 무시되므로, 메뉴를 접을 때와 같이 사용자에게 숨겨야 하는 경우가 아니라면 접근성 측면에서 적합하지 않다. 차이점 전자는 요소의 공간도 존재하지 않고
[CSS] Display – Block, Inline, Inline-Block
[CSS] Display – block, inline, inline-block
