초보적인질문
쥐뿔도 모르면서 뭘좀 해볼라니 힘드네요
head.php ,에서 보면 아래 스타일에서요 43과 15는 어떠케 적용되는건가요?
그리고 메인에서 테블을 3등분할려면 요레케 #middiv #mcenter { width:683px; float:left; padding:0 0 0 15; } 추가해줘야되나요?
<style type="text/css">
#middiv {
width:<?=$table_width?>px;
position:relative;
margin:0px auto;
vertical-align:top;
float:left;
}
#middiv #mleft { width:220px; float:left; padding:0 0 0 43; }
#middiv #mright { width:683px; float:left; padding:0 0 0 15; }
</style>
head.php ,에서 보면 아래 스타일에서요 43과 15는 어떠케 적용되는건가요?
그리고 메인에서 테블을 3등분할려면 요레케 #middiv #mcenter { width:683px; float:left; padding:0 0 0 15; } 추가해줘야되나요?
<style type="text/css">
#middiv {
width:<?=$table_width?>px;
position:relative;
margin:0px auto;
vertical-align:top;
float:left;
}
#middiv #mleft { width:220px; float:left; padding:0 0 0 43; }
#middiv #mright { width:683px; float:left; padding:0 0 0 15; }
</style>
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 2개
이부분 padding:0 0 0 15 은
padding-top:0; padding-right:0; padding-bottom:0; padding-left:0;
이렇게 12시 에서 시작해서 시계방향으로 순차적으로 값을 주는 것입니다.
참고로
#middiv {~~ }처럼 앞에 #이 붙어있는 경우는
<div id=middiv>내용</div> 이런식으로 해줍니다.
문서에서 위 값이 적용된 부분을 찾아보면서 익히는 것이 좋겠습니다.
.middiv {~~}처럼 .이 붙은경우는
<div class=middiv>내용</div>
a.middiv {~~}처럼 a.~~은
하이퍼 링크 <a href='경로' class='middiv'>
이런식으로 씁니다.
td.middiv {~~} 등등 다양하게 사용할 수 있습니다.
일일이 열거하기는 어렵습니다.
임시파일 하나 만들어서 테스트 하면서 익히시길 권해드립니다.
웹스터디에 CSS 관련 게시판을 참조하세요.
CSS 레퍼런스를 찾아보시면 도움이 되실것 같습니다.