[질문]HTML과 CSS에 관해서 물어보기 좋은 사이트나 포럼이 어딘

ixevexi의 이미지

요새 심심해져서 HTML과 CSS에 관심을 가지기로 했습니다.
집에 안읽은 책이 수두룩쌓여있고 토플준비도 해야하는데
미친거죠 한마디로...

그건 그거고 그래서 책 두권을 샀는데 하나는 기초부터 가르쳐 주는 튜토리얼 형식이고 하나는 예제를 중심으로 하여 가르쳐 주는 방식입니다.

이런 방식의 문제점이 바로 레퍼런스가 없기때문에 무얼 할려면
어떻게 하는지 알기 어렵다는 것입니다. (그저 저기 나온 거 그대로 따라하기만
쉬울뿐 ㅠ.ㅜ)

물론 레퍼런스만 가지고 있어도 문제지만요.

아무튼 그래서 요새 css에 관해서 의문점이 새록 새록 드는데
이를 어디서 풀어야 합니까? 저처럼 왕 기초가 물어도 무안하지 않는 곳이나
친절한 고수분들이 서식하는 곳을 아신다면 좀 알려주세요 ^^

Darkcircle의 이미지

질문하시기 전에 W3C 사이트를 쭉~ 둘러보시고
그곳에 빠진 내용들... 이런거라든지..
이해하기 어려운 부분을 ...
여기다가 질문하셔도 나쁘진 않겠군요 :)
자유게시판 말공~*

---------------------------------------------------------------
폐인이 되자 (/ㅂ/)

addnull의 이미지

이미 책을 구입해셨다니 참고 싸이트론
아무래도 http://w3.org가 가장 좋을 듯 싶네요.
html, css validator를 사용해보시면 자신이 틀린 부분에 대한 해결방법도 알려답니다.
(물론, 100% 올바른 해결방법을 알려주지는 못하지만.. =_=a;; )

2005년 10월 22일.

bopy의 이미지

레퍼런스라면 역시 http://www.w3c.org/
국내에는 http://css.macple.com/forum/index.php 가 있습니다 :D

Nothing is Everything.

reidin의 이미지

http://www.trio.co.kr

XHTML와 CSS 표준 한글 번역판이 있는 곳입니다.

lacovnk의 이미지

제가 갖고 있는 관련 책으로는

o Reilly - css 포켓 레퍼런스, css 입문
그리고 최근에 나온 실용예제로 배우는 웹표준

이것과 w3c와 firefox+webdevloper로 해결하고 있습니다 ㅎ

책은 무얼 사셨나요? 궁금합니다~

ixevexi의 이미지

저는 모든걸 알켜주마

HTML CSS & Javascript 이 책과
실용예제로 배우는 웹표준

이 두책을 샀습니다.

나름대로 책에 대해서는 만족하고 잇습니다.
첫번째 책은 실용적인 방식으로 설명하게 게다가 팁들도 풍부하고요
Java스크립트도 처음부터 가르치고 있어 좋습니다.

다만 div, span태그등에 대해서도 안가르쳐 주고 -_-++
이런 태그가 있다고만 말하지 정확히 어떻게 사용해야 할지 모릅니다 읽어보면
(물론 태그 예시는 들어주지만요)

두번째 책은 훌륭합니다. 다만 이것도 case by case인지라 제가 원하는
것들이 궁금할때면...

제가 의문을 가진건 다음 두가지 입니다.

1. 제일 윗줄 타이틀 바를 만들려고 했습니다. 제 홈페이지의 모토가
최소한의 이미지 파일을 이용하자라고 생각한 지라 h1태그를 이용하여
타이틀 바를 작성하고 배경을 파란색으로 해두었습니다.
문제는 보기싫게 위에 마진이 생기더라구요. 그래서 margin-top등으로
마진들 없애서 다 붙여주고요. 그런데 문제는 h1태그의 바탕이 글자에 딱 붙는바람에 보기 답답합니다. 그래서 박스속성을 이용해서 height를 줬더니만
글자가 박스의 위에 붙어버립니다. h1에 마진을 주면 다시 흰 바탕이 나오고
그래서 body의 기본 바탕을 파란색으로 바꾸고 top마진을 주었습니다.
그래서 결론적으로 보기 흉하게 되었습니다 (마진값이 height에 더해지더라구요 :twisted: )

말로 하니 너무 복잡하네요 ^^
http://kali8.kaist.ac.kr/~ixevexi

여기에 가시면 제가 무슨 말을 하나 아실겁니다.
목적은 HTML테스트 페이지 입니다가 이쁘게 아래 위 마진을 가지고
본문의 바탕은 흰색이되는 것입니다. 이럴땐 어떻게 해야하는지?

2. 그리고 본문의 크기를 보통 800픽셀 살작 작게 만드는데 이렇게 본문의
크기를 제한하는 방법이 나쁜겁니까 좋은겁니까? 그리고 이 본문의 위치를
가운데 정렬하려면 div속성에 align을 어떻게 줘야합니까?

지금 헷깔리고 있는게 어떤 div같은 걸로 섹션을 나누면 그 섹션에 관한 속성과
그 섹션안에 들어가는 이미지라던지 그런것의 속성을 잘 모르겠습니다.
즉 위에서도 본문위치를 가운데 정렬하는데 align을 쓰는 거인지 아니면
본문의 내용을 정렬하는데 align을 쓰는 건지 궁금합니다.

이상 CSS이틀 초보가 올립니다 -0-[/code]

PS 아 글구 저 카이스트생 아닙니다 :oops: 저건 친구계정에 빌붙어서 테스트 하는 곳입니다

C++, 그리고 C++....
죽어도 C++

highwind의 이미지

전 여기서 다 배웠습니다.

http://www.csszengarden.com

=====================================
http://timothylive.net

bluenux의 이미지

ixevexi wrote:

1. 제일 윗줄 타이틀 바를 만들려고 했습니다. 제 홈페이지의 모토가
최소한의 이미지 파일을 이용하자라고 생각한 지라 h1태그를 이용하여
타이틀 바를 작성하고 배경을 파란색으로 해두었습니다.
문제는 보기싫게 위에 마진이 생기더라구요. 그래서 margin-top등으로
마진들 없애서 다 붙여주고요. 그런데 문제는 h1태그의 바탕이 글자에 딱 붙는바람에 보기 답답합니다. 그래서 박스속성을 이용해서 height를 줬더니만
글자가 박스의 위에 붙어버립니다. h1에 마진을 주면 다시 흰 바탕이 나오고
그래서 body의 기본 바탕을 파란색으로 바꾸고 top마진을 주었습니다.
그래서 결론적으로 보기 흉하게 되었습니다 (마진값이 height에 더해지더라구요 :twisted: )

말로 하니 너무 복잡하네요 ^^
http://kali8.kaist.ac.kr/~ixevexi

여기에 가시면 제가 무슨 말을 하나 아실겁니다.
목적은 HTML테스트 페이지 입니다가 이쁘게 아래 위 마진을 가지고
본문의 바탕은 흰색이되는 것입니다. 이럴땐 어떻게 해야하는지?


잘 이해는 되지 않지만, 대충 틀은 유지채체 글씨위치만 좀더 이동시키고 싶다는 뜻 같습니다. 맞나요? 아마 이럴 경우에는 padding을 쓰면 되는데요. 일단 padding-top : 5px;을 해보세요.
간단히, magin이 문서내의 태그의 위치를조정 한다면, padding이 태그내의 글자등의 위치를 조정하는 역할을 합니다.
Quote:

2. 그리고 본문의 크기를 보통 800픽셀 살작 작게 만드는데 이렇게 본문의
크기를 제한하는 방법이 나쁜겁니까 좋은겁니까?
아무래도 각각의 환경등의 차이로 인해 해상도의 설정이 달라 공통된 최소의 크기를 기준으로 잡는것이 좋겠지요, 요즘 추세는 대부분 1024혹은, 1000픽셀을 기준으로 잡습니다.
Quote:
그리고 이 본문의 위치를
가운데 정렬하려면 div속성에 align을 어떻게 줘야합니까?

magin : 0 auto;
Quote:

지금 헷깔리고 있는게 어떤 div같은 걸로 섹션을 나누면 그 섹션에 관한 속성과
그 섹션안에 들어가는 이미지라던지 그런것의 속성을 잘 모르겠습니다.
즉 위에서도 본문위치를 가운데 정렬하는데 align을 쓰는 거인지 아니면
본문의 내용을 정렬하는데 align을 쓰는 건지 궁금합니다.

위와 같은 방법은 그냥 div등의 가운데 정렬이구요. div내의 텍스트 정렬은 text-align:center; or left;로 처리하시면 되요. 대략 magin과 padding의 차이? 로 생각하시면 될듯하네요. 머 틀린부분이 있으면 다른분들이 잡아주시겠지요 ㅋㅋ;;;;
lacovnk의 이미지

제가 말한 요 책에 box 모델에 대해 설명이 있더군요~ 좀 옛정보지만, IE가 어떤 점을 잘못처리하는지도 나와있습니다.

http://kangcom.com/common/bookinfo/bookinfo.asp?sku=200404210005

근데 이책 번역판은 품절인가요? 찾는데 안보이네요.. (전 번역판~)

박스모델에서, margin과 padding, 그리고 border 속성등이 IE와 Firefox에서 종종 다르게 보입니다. 골때리죠 -o- -o-

이런 것을 해결하는 꽁수는 여기저기에서 본 것 같습니다.

박스 모델은 아마 w3c에도 잘 나와있지 않으려나요~

Quote:
지금 헷깔리고 있는게 어떤 div같은 걸로 섹션을 나누면 그 섹션에 관한 속성과
그 섹션안에 들어가는 이미지라던지 그런것의 속성을 잘 모르겠습니다.
즉 위에서도 본문위치를 가운데 정렬하는데 align을 쓰는 거인지 아니면
본문의 내용을 정렬하는데 align을 쓰는 건지 궁금합니다.

이건 아마, align의 속성이 상속이 되느냐.. 의 문제일 것 같네요~ (아..아닌가;)