'HTML' 태그의 글 목록

[웹 개발을 위한 기초지식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줄로 바뀝니다. 또한..

[웹 개발을 위한 기초지식3] html로 웹사이트 만들기 지난 [웹 개발을 위한 기초지식3] 포스팅에서 마지막에 조금 공개됐던 http://chamroro.dothome.co.kr/index.html 바로 이 페이지! 만들기 위해 사용된 html 에 대한 내용을 정리해볼까 합니다 전체적인 골격은 이 덩어리 6개로 이루어져있습니다. 🌞 : 제일 많이 보이는 태그로, div태그는 Division의 약자입니다. 웹사이트의 레이아웃(전체적인 틀)을 만들때 주로 사용합니다. div는 웹페이지에서 논리적 구분을 정의하는 태그입니다. div 태그를 사용하여 각각의 블록(공간)을 알맞게 배치하고 CSS를 활용하여 스타일을 적용할 수 있습니다. 특히 요즘에는 레이아웃 배치를 거의 Div를 활용해 구성하는 추세이기때문에 그 쓰임새는 더 중요해졌다고 말할 수 있겠습니다. 🌞 : ..

이전 1 다음

라이브러리 브랜드 그룹 | 🐤 개발하는 참새 🌞

티스토리툴바