그누보드 QA - CSS 문의, 왜 첫 번째 P엔 적용이 안될까요?

CSS 문의, 왜 첫 번째 P엔 적용이 안될까요?

홈짱닷컴 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2014.02.04 15:59:43 조회 3325 (118.♡.♡.64)

본문

아래 P 스타일이 첫 번째 P엔 적용이 안됩니다. 왜 그럴까요?

<style type="text/css">

table {

width: 720px;

border: 2px solid red;

border-collapse: collapse;

outline: 5px solid green;

}

table td {

border: 1px solid blue;

}

.none {border-style: none;}

.hidden {border-style: hidden;}

.solid {border-style: solid;}

p {height:100px;}

</style>

<table class=none>

<tr><td>None 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr>

<tr><td>None 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr>

</table>

<p>

<table class=hidden>

<tr><td>Hidden 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr>

<tr><td>Hidden 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr>

</table>

<p>

<table class=solid>

<tr><td>solid 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr>

<tr><td>solid 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr>

</table>

#그누보드4

답변 4

돼지코구뇽 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2014-02-04 16:05:16 211.♡.♡.237

p태그에 클래스를 주어도 되는데 p경우는 단어줄로 사용하니

.hidden tr {높이값} 을 주시면 될듯합니다.

↳ 홈짱닷컴 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2014-02-04 16:38:30118.♡.♡.64

제가 왕초보라 답변주신 말씀을 이해 못하겠네요. ^^;;

궁금한 게, 효과가 나타나려면 첫 번째 p에 나타나야 하는데, 왜 두 번째 p에 나타나는 것인지...ㅋ

아무튼, 일단은 <p></p> 처럼 </p>로 닫아주니까 적용이 되네요.

l2zeo 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2014-02-04 18:03:10 14.♡.♡.232

저럴땐 p 태그에 클래스를 따로 부여하셔서 쓰시는게 더 유용할거예요.
글로벌 css 처럼 말이죠.

<p class="blk" style="height:10px;">blank</p>

.blk {
width: 100%;
float: none;
clear: both;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}