WEB/HTML, CSS (2) 썸네일형 리스트형 [HTML/CSS] 서울대공원 키즈 사이트 최근에 HTML과 CSS 지식을 업데이트할 기회가 생겨 연습 겸 간단한 디자인과 웹 퍼블리싱 작업을 해보았다. grid 속성과 같은 최신? 문법을 사용해 보니 CSS도 다른 기술 못지않게 많이 발전했다는 생각이 들었다. 예전이라면 복잡하게 작성했을 레이아웃들이 너무 간단하게 구현된다.. 종종 관심 가는 사이트가 생길 때 시간을 내서 소스를 까봐야겠다. 호스팅 URL : https://injin.github.io/css-practice/grandpark-seoul/main.html 소스 코드 : https://github.com/injin/css-practice/blob/main/grandpark-seoul/main.html 그리고 이김에, 중요하다고 생각하거나 까먹기 쉬운 HTML, CSS 지식을 별도로.. [HTML/CSS] 중요 지식 정리 지극히 주관적인 중요 지식. 뭐든 오래 쓰지 않으면 까먹기 쉬우니 종종 찾아보자. 1. HTML 1.1 HTML 구조 의 의미 현재 버전을 알려주는 것. 현재의 문서가 HTML5임을 나타냄 HTML4, HTML5 문법 비교 1.2 해상도 PC 해상도에 따라 요소의 크기가 결정됨 PC 해상도가 1920인데 이미지가 960px이면 화면의 절반의 차지. 해상도는 쉽게 말하면 한 화면에 몇 개의 점이 찍히는가임. 같은 해상도라도 모니터의 크기가 다를 수 있음 1px의 실제 크기는 PPI (Pixel Per Inch)에 따라 달라짐. 웹&모바일은 72ppi 안드로이드 사이즈 단위 DP, iOS에서 사이즈 단위 PT 이미지를 원래 크기보다 크게 키우면 픽셀 사이사이를 벌려서 평균값으로 채움 웹기획에서 PC화면 크기.. 이전 1 다음
