CSS 젠 가든(CSS Zen Garden)은 같은 HTML에 다른 [[스타일 시트]]를 적용한 디자인들을 모은 웹사이트다. 목록에서 디자인을 고르면 HTML 소스는 그대로이고 적용하는 CSS가 달라진다. ([CSS 젠 가든의 제작 방식 안내](https://www.csszengarden.com/)) 글자와 색과 여백과 배치가 읽기의 인상을 얼마나 바꾸는지 직접 비교할 수 있다.

예제 [[HTML]]과 [[CSS]] 파일을 내려받아 두 언어가 맡는 역할과 관리 방식을 살펴볼 수도 있다.

파일을 나누어 다룬다는 사실이 독자가 만나는 [[내용]]과 [[형식]]의 분리를 뜻하지는 않는다. 같은 문장도 CSS로 제목을 강조하거나 간격을 바꾸면 다른 관계 속에서 읽힌다.

- [공식 웹사이트](https://www.csszengarden.com/)

## 기타 등등

- 제출 안내는 만든 CSS와 관련 자산을 먼저 자신의 웹 서버에 올리도록 한다. 전시를 구경하는 일에서 자신이 호스팅한 작업의 주소를 건네는 일로 이어지는 구조다. [출처](https://www.csszengarden.com/)
- 요구 사항에는 새로운 CSS 기능을 쓰더라도 널리 지원되거나 대안이 있어야 한다는 조건이 있다. 멋진 화면만큼 다른 웹 브라우저에서 버티는지도 작품의 일부로 본다. [출처](https://www.csszengarden.com/)

#웹사이트 #HTML #CSS #디자인