Front-end/HTML&CSS 12

HTML&CSS) 목록 태그 ul 와 li, 목록 스타일 없애기

목록을 만들 경우에는 또는 태그로 감싸고 그 안에 태그를 사용한다. 1. 순서 있는 목록: 항목 항목 *순서 알파벳으로 항목 항목 2. 순서 없는 목록: 에 type옵션으로 모양을 다르게할 수 있다. 항목 항목 항목 항목 항목 항목 3. 설명 목록: 자동으로 들여쓰기가 되며, 목록 스타일이 없다. 설명 목록 목록 분류 항목1 항목2 4. 목록 스타일 없애기 태그는 기본적으로 목록 앞에 ⦁ 점이 붙는다. ⦁ 이 아니더라도, 번호(1,2,a,b)같이 목록 앞에 무언가가 붙는데, 없애고 싶으면 css부분 *목록만들기 항목 항목 1번이 없어졌다!

Front-end/HTML&CSS 2021.11.18

HTML&CSS) inline과 block 차이

block inline 1 inline 2 inline 본인 크기만큼 자리를 차지하는 속성. 기본적으로 본인 크기만큼만 자리를 차지하기 때문에 줄바꿈없이 다른 태그들과 같이 나란히 배치된다. 대표 inline 엘리먼트 , , 특징 크기를 지정해도(width, height) 무시된다. -> 내용의 크기만큼만 공간을 차지하도록 되있어서 margin과 padding은 좌우로만 적용되고 상하는 적용되지 않는다. block 얼만큼의 컨텐츠를 가지고 있던 기본적으로 한 줄을 다 차지한다. 한 줄을 다 차지하기때문에 다른 엘리먼트들과 같이 있을 수 없어 자동으로 줄바꿈이 적용된다. 대표 block 엘리먼트 , , 특징 width, height, margin, padding이 모두 반영된다. inline-block 기..

Front-end/HTML&CSS 2021.11.18
반응형