CSS - 스타일이 속성을 상속하지 않습니다.

이 코드가 있는데 왜 H1과 관련 P 태그가 글꼴 및 크기가 BODY CSS 요소 (상속 없음)에 정의되어 있지 않은지 이해할 수 없습니다. 주석 처리하지 않은 경우 * CSS 스타일, 정말 나쁜 생각은 무엇입니까. 그리고 그렇게한다면 Pss 태그에서 속성을 재정의하는 속성을 변경할 수 없습니다 (상속은 강제 된 것 같습니다).CSS - 스타일이 속성을 상속하지 않습니다.

나는이 문제를 maaany 태그에 가지고 있습니다. 글꼴과 크기를 매번 재정의해야 할 필요는 없습니다.

global.css

/* 
* { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
} 
*/ 
html { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
} 

body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 0px; 
} 

p { 
    text-align:justify; 
    margin:0px; 
    margin-bottom:10px; 
}

HTML

<HTML> 
<HEAD> 
<TITLE>a</TITLE> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<LINK href="global.css" rel="stylesheet" type="text/css"> 
</HEAD> 
<BODY> 
<DIV> 
    <TABLE width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <TR> 
     <TD width="1" valign="top"></TD> 
     <TD valign="top"> 
     <div> 
      <H1>Title</H1> 
      <p>Some text</p> 
     </div> 
     </TD> 
    </TR> 
    </TABLE> 
</DIV> 
</BODY> 
</HTML>

출처

2011-12-11 Oliver

body-tag에만 font-size를 추가합니다. 실제 h1 태그가 아닙니다. h1 태그를 원하는 크기로 정의하거나 스타일 페이지에서 * 스타일의 주석 처리를 제거해야합니다. – ZombieCode

기본적으로 (H1)는 리셋 스타일 시트를 사용할 수 있습니다 기본적으로 브라우저와 연관된 글꼴 크기는 해결했다 이것 또는 간단하게.

h1,p{ 
font-size:12px;}

출처

2011-12-11 22:41:57

H1과 P는 모두 기본 브라우저 스타일과 다른 브라우저 정의 스타일을 가지고 있습니다. 어떤 스타일 정보도없이 H1은 신체의 텍스트와 다르게 보입니다. 맞습니까? 이러한 이유로 명시 적으로이를 대체해야합니다. body을 통해보다 높은 특이성을 가지고

html, h1 { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
}

출처

2011-12-11 22:42:08 jmacinnes

브라우저의 사용자 스타일 시트 스타일 h1 및 p뿐만 아니라 개별적으로 다른 모든 요소.

스타일을 개별적으로 스타일링하여이 스타일을 재정의하십시오.

h1, p { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 0px; 
}

CSS reset에 관심이있을 수 있습니다.

출처

2011-12-11 22:43:47 bookcasey

H1 요소는 브라우저의 기본 스타일 시트에 font-size가 설정되어 있기 때문에 font-size를 상속하지 않습니다.

요소가 테이블 셀에 있고 브라우저의 "quirks 모드"가 테이블에서 상속을 깨는 것을 의미하기 때문에 P 요소가 상속되지 않습니다. Doctype 선언이 없으므로 페이지가 단조 모드로 표시됩니다. 바로 시작 <!doctype html> 퍼팅 쿼크 모드를 방지하는 가장 간단한 방법이지만, 많은 페이지가 쿼크 모드에 의존에 조각으로 이동 "표준 모드."

당신이 보편적 인 선택 *를 사용하는 첫 번째 규칙을 주석 처리를 제거하는 경우, 모든 요소에 적용되지만 스타일 시트의 다른 규칙 (예 : p { font-size: 5px })에 의해 무시됩니다. 이것이 그렇지 않은 경우 다른 규칙에 오류가 있습니다. 먼저 W3C CSS Validator을 사용하여 구문을 먼저 확인하십시오.

출처

2011-12-12 10:26:36

CSS - 스타일이 속성을 상속하지 않습니다.

답변

관련 문제