2012/10/15 2

그리드(Grid) 디자인에 유용한 그리드 시스템 웹사이트

웹사이트 레이아웃 디자인 작업 시에 필요한 그리드 디자인 웹사이트들.fluid design, Adaptable design에 관심 있거나 CSS로 그리드를 일정히 나눠 레이아웃 작업을 할 때 참고하기 좋은 웹사이트들이다. 1. http://960.gs/ 오래된 컴퓨터 해상도 1024 포함 해 최적으로 보여주는 960 Grid 2. http://978.gs/ 978px 로 설정하여 레이아웃을 잡는 그리드 시스템 3. http://cssgrid.net/ 해상도 1280 모니터에 최적으로 작업 된 1140 grid.

Div와 CSS에 대한 간단요약

(1) 원인 : 왜 Table을 사용하지 않고, div+css로 하는가?  링크 따라가기 : 레이아웃과 스타일을 따로 분류해서 보기 편하고 유지하기 쉽도록 제작하기 위해서: 퍼포먼스에서 table보다 훨씬 빠르며, 값싸다 (외국에서는 바이트로 값을 낸다나)div : division - 구역, 구분, 분할 / div로 집의 골조를 만든다CSS : 스타일 시트 / div로 만든 집에 색을 입히고 가구를 들여놓는다.(2) 스타일 지정방식 : CSS을 div에 첨부하는 방식 (작은범위에서 큰범위순으로)1. 직접 스타일 지정하는 inline Style방식 - 이건 혼자만 쓸 수 있다.2. 사이에 들어가는 internal Style - 해당 파일 내 에서는 쓸 수 있다.3. 외부 링크 External Style -..

반응형