sessac2 [새싹X코딩온] 풀스택 3주차 회고록 - 1 | Bootstrap Grid System 반응형 웹 ( Responsive Web ) 반응형 동일한 페이지를 보여주나, 디바이스 크기에 따라 레이아웃을 다르게 보여준다 모바일 웹 접속 경우가 많으므로 반응형은 매우 중요한 기술 적응형 사용자가 모바일 환경인지, PC 인지에 따라 다른 페이지를 보여준다 % 단위 em 단위 font-size 속성 값에 비례해서 결정되는 상대단위 중첩이 적용됨 rem 최상위 요소(html) 크기에 비례 중첩의 영향을 받지 않음 부트스트랩 CDN ( Content Delivery Network ) 사용자에게 콘텐츠를 배포하는데 도움을 주는 네트워크 bootstrap cdn css, js 코드가 미리 정의 되어 있음 적용방법 적용 전, 후 차이점 ( h1 태그 사용 ) 부트스트랩을 적용하게 되면 이미 부트스트랩에서 설정.. 2023. 8. 1. [새싹X코딩온] 풀스택 2주차 회고록 - 1 | CSS, javascript CSS 복잡한 속성 - Display inline 내용물 만큼 공간 할당 width, height, padding, margin 사용 불가 줄바꿈 없이 옆에 바로 배치된다. block div, p, ul, ol 태그와 같이 한 줄을 다 차지 inline 요소와 달리 width, height, padding, margin 사용 가능 inline-block block과 inline 요소의 장점을 가짐 none 요소를 화면에 표시하지 않음 요소가 차지하는 공간도 사라진다. visibillity:hidden 라는 속성도 있지만 visibillity는 요소가 차지하는 공간이 남는다. flex 부모 요소에 flex를 선언하면, 자식 요소들의 레이아웃을 변경시킴. flexbox 기본용어 주축 (main axis) :.. 2023. 7. 25. 이전 1 다음