CSS가 정확하고 링크에 오류가 없다면 CSS 스타일이 적용되지 않는 이유는 무엇입니까? 이 문제로 어려움을 겪고 있을 수도 있습니다. 하하, 낙담하지 마세요. 저는 이전에 이 문제로 어려움을 겪은 적이 있습니다. 이때 웹페이지 상단에 다음 문장이 있는지 확인해야 겠죠?
어떤 친구들은 예전에 새 웹페이지를 만든 후 삭제했는데 아무 소용이 없다고 말할 수도 있습니다. 이제 저는 이 접근 방식이 잘못되었음을 말씀드리고 싶습니다! 그렇다면 이 문장은 무엇을 의미하며 어떤 효과를 갖는가?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 엄격//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 프레임셋//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-Frameset.dtd ">
너무 말도 안되는 이야기는 하지 않겠습니다. 개념이나 용어를 이해하지 못하겠습니다. 그냥 그 기능에 대해서만 이야기하겠습니다.
위의 세 줄의 코드 사이의 차이점을 자세히 살펴볼 수 있습니다. 이는 세 가지 다른 XHTML 문서 유형을 나타냅니다.
전환 유형: 이 유형의 브라우저에서는 XHTML 구문 분석이 상대적으로 느슨하며 HTML4.01의 태그를 사용할 수 있지만 XHTML 구문을 준수해야 합니다. 현재는 일반적인 방식이며, 드림위버로 웹페이지를 생성할 때 기본적으로 이런 형태입니다.
엄격한 유형: 엄격한 유형을 사용하면 브라우저는 상대적으로 엄격하며 요소에서 bgcolor 배경색 속성을 직접 사용하는 것과 같은 표현 형식의 식별 및 속성 사용을 허용하지 않습니다.
프레임셋 유형: 프레임 페이지 유형입니다. 웹 페이지가 프레임 구조를 사용하는 경우 이러한 문서 선언을 사용해야 합니다.
이제 기본 정보가 소개되었으므로 CSS가 적용되지 않는 이유를 알 수 있습니다. 이 문장을 읽지 말고 무시하지 마십시오!