묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 강력한 CSS
전체 tag들의 css 속성값(margin, padding) reset 관련 추가 설명 요청
안녕하세요. 강의 쉽고 재밌게 설명해주셔서 잘 듣고 있습니다.[섹션0. 실습 1] 강의에서, 프로젝트 초기 세팅 중 하나로 css 전체 선택자를 통해 아래와 같이 margin, padding 값을 모두 reset하셨습니다.* { margin: 0; padding: 0; }전체 선택자로 원하는 속성값을 reset 하는 것이 정말 괜찮은 것인지 강의내용만으로는 해소가 안되 강사님의 추가설명을 요청하고자 합니다.강의 수강 전 직접 일기장을 만들었을 때, h1이나 p 태그들에 기본적으로 설정되어 있는 margin값 때문에 warpper에 padding값을 어떻게 설정하는게 좋을 지 고민이 많았고, 차라리 기본margin값이 없었으면 더 만들기 좋을 것이라고 생각했습니다.강의 수강 당시에는 좋은 방법이라고 생각했지만, 수강 중간에 갑자기 아래와 같은 생각이 들었습니다.- 아무런 고려 없이 단순히 모든 태그들의 특정 속성값을 리셋한다면, 초보자로서 예상치 못한 사이드이팩트로 큰 문제가 생기지 않을까?- 각 태그의 정체성을 잃어버리는 것은 아닐까?그래서 해당 주제로 몇몇 글을 찾아보며 내린 결론은 필요하다였습니다! 제가 찾은 결론의 근거로는,브라우저 호환성을 위해(링크)디자이너와의 원활한 협업을 위해(링크)의제인 속성값들의 변화로는 SEO나 웹 접근성에는 큰 문제가 없음(링크)성능에도 큰 차이가 없음(링크)입니다.제가 찾은 근거 외에 강사님이 생각하시거나, 경험했던 내용이 있으면 추가설명 부탁드립니다 :)
-
미해결CSS Flex와 Grid 제대로 익히기
"Flex UI #7 - 카드 리스트" 에서 gap을 사용하지 않는 이유가 있을까요?
안녕하세요! 카드리스트를 만들때 .card-item 간 간격을 padding으로 설정하고, 그것을 감싸는 .card-list 에 마이너스 margin 값을 주어 처리하는 방법으로 안내를 주셨는데요, ( 그 밖에 container에 overflow: hidden 마지막에 설정) 혹시 이부분 .card-list에 gap 값을 지정해서 간격을 주면 마이너스 마진이나 다른처리가 필요없는것 아닌가 해서요..! 혹시 gap 을 사용하지 않는 이유가 있을지 궁금해서 여쭤봅니다..! (ie브라우저 이슈등이 있을지요.??)
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
한개의 item에 height와width를 설정 상태에서 margin/padding/border등을 주면, item크기가 어떻게 변하나요?
한 개의 item에 height와width를 설정 상태에서 margin/padding/border등을 주면, item크기가 어떻게 변하나요? 예를 들어 #item1의 크기를 height/width를 300px, 300px로 설정하고 padding을 30px로 준다고 하면, 330px, 330px이 되는 건가요? 아니면 300px, 300px은 변하지 않고 안에 padding이 생기는 건가요? 마찬가지로 border, margin을 30px씩 준다면 item1의 크기가 어떻게 변하는지 궁금합니다.
-
해결됨[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
이미지 3개를 가운데 정렬
선생님 안녕하세요. 갤러리에서 이미지 3개를 가운데 정렬할때 .gallery .tab 여기에 text-align: center; 라고 주셨는데 margin: auto 로는 왜 안먹히나요?