블로그
- css 디스플레이 속성(요소의 표시방식)-Flexbox / Grid Display속성(요소의 표시방식) 주요 Display 속성값 block: 해당 요소를 블록 레벨 요소로 지정한다. inline: 해당요소를 인라인 레벨 요소로 지정한다. inline-block
- CSS 레이아웃과 포지셔닝(블록요소 & 인라인요소) 60세 할아버지가 배우고 있는 css 레이아웃과 포지셔닝입니다. css 블록요소와 인라인요소 편입니다. css 레이아웃과 포지셔닝 블록 요소와 인라인 요소의 차이점 블록 요소(Block-level 인라인요소(inline Elements): 특징: 컨텐츠의 일부분만 차지하며, 요소가 포함한 컨텐츠의 크기만큼만 가로폭을 갖는다. 새로운 줄에서 시작.......
- DIV 배열 1. inline-block 는 기본적으로 'block' 요소입니다. block 요소는 항상 새로운 줄에 표시되고, 가로폭 전체를 차지합니다. 따라서, 요소는 항상 수직으로 배치되어 쌓이게 됩니다. display: inline-block; 를 가로로 배치하기 위해서 inline-block 속성을 지정하였습니다. inline-block은
- Doit!-웹사이트 따라 만들기 CSS : Cascading Style Sheet : 종속형 스타일 시트 CSS 초기화 박스 모델 : 안쪽여백(padding), 테두리(border), 바깥쪽 여백(margin) block : 화면 전체 사용, inline : 내가 가지고 있는 만큼 표현 inline-Block box-sizing : 박스의 크기를 어떤 기준으로 계산할지 정하는 속성 border-box
- [CSS] Display: Inline-Block, Flex | Class 클래스 아이디로써 html 내의 특정 요소에 접근해 속성값을 적용시켜줄 수 있었습니다. 그러나 ID는 unique해야 하기 때문에 오직 한 요소에만 접근해서 속성을 바꿀 수 있습니다. 웹페이지 안에는 서로 다른 요소에 같은 속성을 적용해야할 일이 많습니다. 이럴 때 클래스를 이용할 수
- [HTML/CSS핵심개념] Display 정리 : 베이스라인(Baseline) 및 Vertical align 아래 그림에서는 연두색 선이 Baseline이다. 2) 이미지의 Baseline : 이미지의 Baseline은 이미지의 밑부분을 가리킨다. 3) inline-block 요소 : inline-block [HTML] [CSS] [예외 케이스 1] inline-block박스 안의 콘텐츠가 아무것도 없을 경우 여기서 만약에 inline-block 요소 안에 텍스트 등의 콘텐츠......
- [콜로소 챌린지 20일차] 콜로소 디자이너를 위한 코딩: 입문부터 포트폴리오 응용까지 후기 article { display: block; * block : 기본적으로 네모 박스 형태로 생김. 한계도 거기까지. a { display: inline; 반면에 inline은 텍스트라고 생각하면 된다. 박스같은 네모가 아니.......
- [HTML/CSS핵심개념] 홈페이지의 레이아웃을 결정하는 Display 정리 < Display의 종류 > => 대부분의 요소들은 inline과 block 중 한 가지 속성을 가진다. 1. inline display ◆ inline display 요소의 특징 · 다른 요소들과 같은 줄에 머무르려고 하는 성향이 있다. · 딱 필요한 만큼의 가로 길이(width)를 차지하는 성향이 있다. ◆ inline display를 가지는
- [모각코 플러스] HTML+CSS 심화과정 9일차 과제 4. 미니홈피 홈화면 완성하기 (hide) 숨겼던 요소를 다시 보여주려면 display: block 또는 display: inline-block 등의 속성을 적용하면 된다. 2) Dropdown 기능을 적용하려면
- 블록태그와 인라인 태그 블록요소(block tag) : 줄바꿈 성질이 일어나서 다음줄에 위치 : 한 라인이 전부 하나의 박스 모델 인라인요소(inline tag) : 줄바꿈현상이 일어나지 않는다 : 한 라인에
1 페이지
다음 →