Mozilla 한국 커뮤니티

결정적 요인은 height="100%" 네요.
테이블 중첩도 피하려고 float:left 로 해보려 했는데,
높이 때문에 한계가 있더군요.
내가 원하는 곳에 배치하는것이 너무 힘들었습니다.

자바스크립트를 사용하지 않으면서 원하는 디자인을 자유롭게 할 수 있는 스킬을 기를 만한 책이 있으면 소개해 주세요.


그리고 스타일 모든상속을 끊을 방법이 있을까요? 이런걸 원합니다.

송효진 wrote:결정적 요인은 height="100%" 네요.
테이블 중첩도 피하려고 float:left 로 해보려 했는데,
높이 때문에 한계가 있더군요.
내가 원하는 곳에 배치하는것이 너무 힘들었습니다.

테이블 레이아웃에 익숙해지면, 모든 웹디자인을 테이블적 사고로 하게돼죠. 물론 코딩을 하지 않는 순수 디자이너라면 그렇지 않겠지만요.

CSS를 사용하는 것은 포토샵을 사용하는 것과 비슷하다고 생각하면 됩니다. 머릿속의 테이블을 지우고, 레이어의 자유로움을 느껴보세요~

송효진 wrote: 그리고 스타일 모든상속을 끊을 방법이 있을까요?

Code: Select all

<style>
.a { color : red; font-size : 20px; }
.a div { inherit : reset; }
</style>
<div class="a">asdf<div>zxcv</div></div>

이런걸 원합니다.

방법이 없진 않지만, 그보단 캐스케이딩(계단형) 상속성의 CSS를 이해하는 편이 좋은 것 같네요.

모든 상속을 각각 지정해야 한다면, CSS는 사용하지도, 아니 만들어지지도 않았을 겁니다.

웹디자인에서 가장 중요한 것 중 하나가 통일성이잖아요~