[웹 개발을 위한 기초지식4] html에 css로 스타일 입히기 지난번 소개해드린 html코드에 이번엔 css를 입힘으로써 조금 더 예쁜 사이트로 만들어볼텐데요!우선 responsible page로 만들기 위하여 추가한 코드를 살펴볼게요/* Responsive CSS */@media (max-width: 1080px){ .image{ flex: 100%; max-width: 480px; }}@media (max-width: 400px){ .image .details p{ font-size: 12px; } .more .read-more, .more .icon-links a i{ font-size: 18px; }}screen width에 따라 세개의 버전으로 나뉩니다.1080을 기준으로 더 클 땐 grid가 3개씩 나뉘지만, 작을 땐 1줄로 바뀝니다.또한 400보.. [웹 개발을 위한 기초지식3] html로 웹사이트 만들기 지난 [웹 개발을 위한 기초지식3] 포스팅에서 마지막에 조금 공개됐던http://chamroro.dothome.co.kr/index.html 바로 이 페이지!만들기 위해 사용된 html 에 대한 내용을 정리해볼까 합니다전체적인 골격은 이 덩어리 6개로 이루어져있습니다.🌞 : 제일 많이 보이는 태그로, div태그는 Division의 약자입니다. 웹사이트의 레이아웃(전체적인 틀)을 만들때 주로 사용합니다. div는 웹페이지에서 논리적 구분을 정의하는 태그입니다. div 태그를 사용하여 각각의 블록(공간)을 알맞게 배치하고 CSS를 활용하여 스타일을 적용할 수 있습니다. 특히 요즘에는 레이아웃 배치를 거의 Div를 활용해 구성하는 추세이기때문에 그 쓰임새는 더 중요해졌다고 말할 수 있겠습니다.🌞 : i.. 이전 1 다음