빔캠프 [TIL] CSS_빔캠프 특강 (이종찬 강사님) width: 800px; 너비가 줄어든 것을 볼 수 있다. 브라우저가 디폴트로 갖고있는 스타일시트를 알 수 있다. width : auto; > css > background-color 검색 즉, div 안에 있는 컨텐츠의 높이만큼 차지한다. padding : div 전체 크기가 커지게 된다. border: 전체 크기가 커지게 된다. width auto로 하면 옆 공간을 다 쓰게 된다. mar... 프론트엔드스쿨개발일지멋쟁이사자처럼빔캠프TILhtmlCSSCSS [HTML/CSS] Day5. CSS Basic 🌷 이러한 불편함을 없애기 위해 태그가 가지고 있는 브라우저별 기본값을 초기화 시켜주는 것이 "reset CSS를 설정한다." 라고 한다. 자세히 배경을 보면 바둑판식으로 배경 이미지가 반복되어 있는 것을 볼 수 있다. 물론 배경이 바둑판식으로 반복되어 적용이 되는 것은 background-repeat:no-repeat로 해결할 수 있으나 background-size:cover를 통해 문제를 바... 빔캠프제주코딩베이스캠프프론트엔드멋쟁이사자처럼htmlcsshtmlcss [HTML/CSS] Day7. Background-image에 대해 몰랐던 사실 😎 분명 <body> 태그에 적용한 색은 화면 전체에 적용이 되었는데 콘텐츠의 영역은 콘텐츠인 "행복"만큼의 영역만을 차지하고 있다. 원래 <html> 태그에는 관례상 배경색을 적용하지 않고 대신 <body>에 적용하지만 공부를 위해 적용하자! 그래서 단독으로 <body>태그에 배경색을 적용했을 때 배경색이 화면 전체에 다 차지한 것을 보면 HTML에서는 <body>는 특별 취급을 하고 있다고 ... 빔캠프backgroundhtmlcssyoutubebackground [🦁FE DAY8(3)] 표준 CSS 박스 모델 표준 CSS 박스모델에서 요소 전체 크기 = 컨텐츠 + 보더 + 패딩 표준 CSS 박스 모델에서 border의 크기 또한 요소 전체 크기에 포함 된다. border-width thin - 얇은 선으로 지정 thick - 굵은 선으로 지정 border-style border-color border-radius 표준 CSS 박스 모델에서 padding의 크기도 요소 전체 크기에 포함 된다. ma... 빔캠프제주코딩베이스캠프front-end schoolCSS멋쟁이사자처럼CSS Day 08. Margin Collapsing 인접하는 블록요소의 상하단의 마진이 겹치는 현상 겹치는 마진 중 큰 값으로 겹쳐지게 된다. 이는 의도된 현상으로 사용자가 편할 수 있지만 부모와 자식간에도 마진겹침이 일어나기 때문에 혼란을 겪을 수 있다! 부모와 자식간의 마진겹침은 무엇이고 또 어떤 해결방법이 있을까? 이렇게 parents 안에 2개의 children이 있다고 하자! 우리가 위에서 알고있는 마진겹침현상을 생각해본다면 예상결과... 빔캠프멋쟁이 사자처럼TILTIL
[TIL] CSS_빔캠프 특강 (이종찬 강사님) width: 800px; 너비가 줄어든 것을 볼 수 있다. 브라우저가 디폴트로 갖고있는 스타일시트를 알 수 있다. width : auto; > css > background-color 검색 즉, div 안에 있는 컨텐츠의 높이만큼 차지한다. padding : div 전체 크기가 커지게 된다. border: 전체 크기가 커지게 된다. width auto로 하면 옆 공간을 다 쓰게 된다. mar... 프론트엔드스쿨개발일지멋쟁이사자처럼빔캠프TILhtmlCSSCSS [HTML/CSS] Day5. CSS Basic 🌷 이러한 불편함을 없애기 위해 태그가 가지고 있는 브라우저별 기본값을 초기화 시켜주는 것이 "reset CSS를 설정한다." 라고 한다. 자세히 배경을 보면 바둑판식으로 배경 이미지가 반복되어 있는 것을 볼 수 있다. 물론 배경이 바둑판식으로 반복되어 적용이 되는 것은 background-repeat:no-repeat로 해결할 수 있으나 background-size:cover를 통해 문제를 바... 빔캠프제주코딩베이스캠프프론트엔드멋쟁이사자처럼htmlcsshtmlcss [HTML/CSS] Day7. Background-image에 대해 몰랐던 사실 😎 분명 <body> 태그에 적용한 색은 화면 전체에 적용이 되었는데 콘텐츠의 영역은 콘텐츠인 "행복"만큼의 영역만을 차지하고 있다. 원래 <html> 태그에는 관례상 배경색을 적용하지 않고 대신 <body>에 적용하지만 공부를 위해 적용하자! 그래서 단독으로 <body>태그에 배경색을 적용했을 때 배경색이 화면 전체에 다 차지한 것을 보면 HTML에서는 <body>는 특별 취급을 하고 있다고 ... 빔캠프backgroundhtmlcssyoutubebackground [🦁FE DAY8(3)] 표준 CSS 박스 모델 표준 CSS 박스모델에서 요소 전체 크기 = 컨텐츠 + 보더 + 패딩 표준 CSS 박스 모델에서 border의 크기 또한 요소 전체 크기에 포함 된다. border-width thin - 얇은 선으로 지정 thick - 굵은 선으로 지정 border-style border-color border-radius 표준 CSS 박스 모델에서 padding의 크기도 요소 전체 크기에 포함 된다. ma... 빔캠프제주코딩베이스캠프front-end schoolCSS멋쟁이사자처럼CSS Day 08. Margin Collapsing 인접하는 블록요소의 상하단의 마진이 겹치는 현상 겹치는 마진 중 큰 값으로 겹쳐지게 된다. 이는 의도된 현상으로 사용자가 편할 수 있지만 부모와 자식간에도 마진겹침이 일어나기 때문에 혼란을 겪을 수 있다! 부모와 자식간의 마진겹침은 무엇이고 또 어떤 해결방법이 있을까? 이렇게 parents 안에 2개의 children이 있다고 하자! 우리가 위에서 알고있는 마진겹침현상을 생각해본다면 예상결과... 빔캠프멋쟁이 사자처럼TILTIL