inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

핵심만 골라배우는 CSS3

박스 성질

style 속성마다 박스 형태를 따로 따로 가지나요?

57

D0Lph1n G1rL

작성한 질문수 1

0

a tag, span 태그는 각각의 박스 성질을 가지고 있다하셨는데, 줄바꿈을 해도 각각의 박스 성질을 유지하나요?

HTML/CSS

답변 2

0

수코딩

안녕하세요 🙂

박스 성질은 태그마다 고유하기 때문에

CSS로 박스 성질을 변경하지 않는 이상, 그대로 고유합니다.

즉, 줄바꿈을 하더라도 박스 성질을 변화시키지는 못합니다.

이해되셨을까요?

추가로 궁금하시면 언제든지 물어봐주세요.

감사합니다!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. D0Lph1n G1rL님.

a 태그와 span 태그는 인라인 요소로, 기본적으로 다른 블록 요소(div, p 등)처럼 자신만의 박스 모델을 가지긴 하지만, 한 줄을 차지하지는 않습니다.

  1. 인라인 요소: 기본적으로 aspan은 인라인 요소로, 한 줄에 여러 요소가 나란히 위치할 수 있습니다. 인라인 요소는 콘텐츠의 크기에 따라 요소의 가로 크기가 변하며, 여백이나 패딩을 적용하더라도 요소 자체가 자리 잡는 부분에만 영향을 미치고 줄바꿈은 발생하지 않습니다.

  2. 줄바꿈 시 박스 성질: 하지만 강제로 줄바꿈을 할 경우(<br> 태그 사용 등), 각 인라인 요소는 자신만의 박스 모델을 유지합니다. 이 말은 줄이 바뀌어도 인라인 요소가 가진 여백, 패딩, 테두리 값 등이 사라지지 않고 계속 유지된다는 의미입니다.

좀 더 깊이 있는 정보를 알고 싶으시다면 아래의 링크를 참고하시면 도움이 될 것 같습니다.

여기서 설명한 내용이 이해에 도움이 되셨길 바랍니다. 추가적으로 궁금한 점이 있으시다면 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏

추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

figma 파일을 받을 수가 없어요

0

21

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

16

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

27

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

30

1

구글 서치콘솔 도메인 소유권 확인 실패

0

23

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

37

1

다음 강의 얼른 올려주세요

0

28

2

일반 강의와 차이점?

1

28

1

중요하진 않지만 설명하신부분에서 안된부분..

0

24

0

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

57

2

stopPropagation()에 대해서 질문 있습니다.

0

37

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

37

2

노션에 20.Contact가 없어요

0

43

2

검색엔진 차단 noindex

0

48

2

파트9 강의는 언제 오픈하시나요

0

49

2

심플갤러리 만들기에서

0

52

2

margin, padding 사용 시기

0

66

2

padding-bottom 사용 이유가 무엇인가요?

0

145

2

class명 네이밍 컨벤션 질문입니다!

0

112

2

새로운 강의

0

149

2

섹션18 햄버거 애니메이션 영상이 재생되지 않습니다.

0

128

1

css 지정시 class 네이밍에 대해 질문이 있습니다.

0

161

2

폰트 크기 단위에 대해 질문있습니다.

0

94

2

피그마 활용하기 부분에 대해 질문있습니다.

0

137

1