<p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">웹페이지 다운로드 시간을 줄이는 열쇠는 파일 크기를 줄이는 방법을 찾는 것입니다. 여러 페이지가 일부 구성 요소 콘텐츠를 공유하는 경우 이러한 공통 부분을 별도로 분리하는 것을 고려할 수 있습니다. 예를 들어 여러 HTML 페이지에서 독립적으로 존재하는 데 사용되는 스크립트를 작성할 수 있습니다. <a href="http://www.php.cn/wiki/48.html" target="_blank">js</a> 파일을 다운로드한 후 다음과 같이 페이지에서 호출합니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">다음은 인용된 부분입니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><script src="myfile.js"> < ;/script></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">이렇게 하면 공개 파일을 한 번만 다운로드한 후 버퍼에 들어가면 됩니다. 다음에 공용 파일이 포함된 html 페이지를 다시 호출하면 다운로드 시간이 크게 단축됩니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">스타일 시트 콘텐츠가 지하에서 작동하도록 하세요</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">CSS는 HTML 데코레이터이며 아름다운 웹페이지는 CSS 없이는 존재할 수 없습니다. HTML 페이지에서 CSS를 참조하는 방법에는 여러 가지가 있으며, 방법에 따라 효율성도 달라집니다. 일반적으로 <style></style> 사이에 정의된 스타일 제어 코드를 추출하여 별도의 파일에 저장할 수 있습니다. css 파일을 다운로드한 다음 <LINK> 태그 또는 @import 태그를 사용하여 HTML 페이지에서 인용하세요. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">다음은 인용 부분입니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><style></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">@import url("mysheet1.css");</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"></style></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">주의사항 2가지: 1. CSS 파일에 <style> 태그를 포함할 필요가 없습니다. 2. @import 및 LINK 태그는 HTML 페이지의 <a href="http://www.php.cn/html/html-HEAD-2.html" target="_blank">HEAD</a> 섹션에 정의되어야 합니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">소중한 메모리를 절약하는 두 가지 방법</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">HTML 페이지가 차지하는 메모리 공간을 최소화하는 것은 페이지 다운로드 속도를 높이는 효과적인 방법입니다. 이와 관련하여 주의가 필요한 두 가지 문제가 있습니다: </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">1. 동일한 스크립팅 언어를 사용합니다</p>.<p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">HTML 페이지는 스크립트 프로그램 지원과 불가분의 관계에 있습니다. <a href="http://www.php.cn/wiki/48.html" target="_blank">JavaScript</a> 및 <a href="http://www.php.cn/wiki/1521.html" target="_blank">VBScript</a>와 같은 여러 스크립트 언어를 페이지에 포함하는 경우가 많습니다. 눈치채셨다면: 혼합 사용으로 인해 페이지 액세스 속도가 느려집니다. 그 이유는 여러 스크립트 코드를 해석하고 실행하려면 여러 스크립트 엔진을 메모리에 로드해야 하기 때문입니다. 따라서 동일한 스크립트 언어를 사용하여 페이지에 코드를 작성해 보시기 바랍니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">2. IFrame을 능숙하게 사용하세요</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><IFRAME> 태그를 사용해 본 적이 있나요? 매우 좋은 기능입니다. <a href="http://www.php.cn/code/5010.html" target="_blank">HTML 문서</a>에 두 번째 페이지의 내용을 포함하려는 경우 일반적인 방법은 <FRAMESET> 하지만 <IFRAME>을 사용하면 모든 것이 더 쉬워집니다. 예를 들어 문서 미리보기 페이지를 개발하려면 왼쪽에 일련의 항목을 배치하고 오른쪽에 미리 볼 문서가 포함된 IFRAME을 배치할 수 있습니다. 마우스가 왼쪽의 각 항목 링크 위로 지나갈 때 새 IFRAME이 생성됩니다. 오른쪽에 생성된 문서를 미리 봅니다. 그렇게 하면 코드 효율성은 의심할 여지 없이 효율적이지만 동시에 처리량이 많아지고 결과적으로 속도가 느려집니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">단일 IFRAME만 사용하세요. 마우스가 새 테마를 가리키면 IFRAME 요소의 SRC <a href="http://www.php.cn/wiki/169.html" target="_blank"> 속성 </a>만 수정하면 됩니다. 이렇게 하면 언제든지 하나의 미리보기 문서만 메모리에 남게 됩니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">선택 및 사용<a href="http://www.php.cn/code/9595.html" target="_blank">애니메이션</a>위치 속성</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">매일 인터넷을 탐색하다 보면 수많은 애니메이션 효과를 보게 될 것입니다. 예를 들어 귀여운 토끼가 페이지를 왔다 갔다 하고 있는데... 이 효과를 내기 위한 핵심 기술은 바로 CCS 포지셔닝입니다. 일반적으로 그래픽 위치 지정 목적을 달성하기 위해 element.style.left 및 element.style.top 두 가지 속성을 사용합니다. 그러나 이렇게 하면 몇 가지 문제가 발생합니다. 왼쪽 속성은 <a href="http://www.php.cn/wiki/57.html" target="_blank"> 문자열 </a>을 반환하고 측정 단위(예: 100px)를 포함합니다. 따라서 새 위치 좌표를 설정하려면 먼저 문자열 반환 값을 처리한 후 다음과 같이 할당해야 합니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">다음은 참조 조각입니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">dim stringLeft, intLeft</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">stringLeft = element.style.left</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">intLeft = parseInt(stringLeft)</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">intLeft = intLeft + 10</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">element.style.left = intLeft ;</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">이렇게 작은 일을 하려면 이렇게 복잡한 코드를 작성해야 한다고 느끼실 텐데요. 더 간단한 방법이 있을까요? 해당 문자열 반환 값의 포인트 값에 해당하는 posLeft, posTop, posWidth 및 posHeight의 4가지 속성을 살펴보세요. 좋습니다. 위의 코드로 구현된 기능을 달성하기 위해 이러한 속성을 사용하여 코드를 다시 작성합니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">다음은 참조 조각입니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">element.style.posLeft += 10</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">짧은 코드, 하지만 더 빠르다! </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><a href="http://www.php.cn/code/6276.html" target="_blank">루프</a>여러 애니메이션 제어</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">애니메이션 효과를 만들려면 당연히 <a href="http://www.php.cn/code/6244.html" target="_blank">타이머</a>의 사용이 필수입니다. 일반적인 방법은 window.setTimeout을 사용하여 페이지에 요소를 지속적으로 배치하는 것입니다. 그런데 페이지에 표시할 애니메이션이 여러 개인 경우 타이머를 여러 개 설정해야 합니까? 대답은 '아니오'입니다! 그 이유는 간단합니다. 타이머 기능은 귀중한 시스템 리소스를 많이 소모하기 때문입니다. 그러나 우리는 여전히 페이지에서 여러 애니메이션을 제어할 수 있습니다. 비결은 루프를 사용하는 것입니다. 루프에서는 다양한 <a href="http://www.php.cn/wiki/70.html" target="_blank"> 변수 </a> 값에 따라 해당 애니메이션의 위치가 제어됩니다. 전체 루프에서는 단 하나의 window.setTimeout() <a href="http://www.php.cn/wiki/145.html" target="_blank"> 함수 </a> 호출이 사용됩니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><a href="http://www.php.cn/wiki/929.html" target="_blank">가시성</a>은 <a href="http://www.php.cn/wiki/927.html" target="_blank">디스플레이</a></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">보다 빠릅니다. 그림을 표시하거나 사라지게 하면 흥미로운 효과를 얻을 수 있습니다. CSS 가시성을 사용하는 것입니다. 속성 또는 표시 속성. 절대 위치에 있는 요소의 경우 대화 상자와 가시성은 동일한 효과를 갖습니다. 둘 사이의 차이점은 display:none으로 설정된 요소는 더 이상 문서 흐름의 공간을 차지하지 않지만 visible:hidden으로 설정된 요소는 여전히 원래 위치를 유지한다는 것입니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">그러나 절대 위치에 있는 요소를 처리하려면 가시성을 사용하는 것이 더 빠릅니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">작게 시작 </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">DHTML 웹 페이지를 작성할 때 중요한 팁은 작게 시작하는 것입니다. 처음으로 DHTML 페이지를 작성할 때 페이지에서 알고 있는 모든 DHTML 기능을 사용하려고 시도하지 마십시오. 한 번에 하나의 새로운 기능을 사용하고 결과 변경 사항을 주의 깊게 관찰할 수 있습니다. 성능 저하가 발견되면 그 이유를 빨리 알아낼 수 있습니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">스크립트 연기</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">DEFER는 스크립팅 프로그램의 힘으로 '숨겨진 영웅'입니다. 한 번도 사용해본 적이 없으실 수도 있지만 여기 소개를 읽고 나면 이 제품 없이는 살 수 없을 것 같습니다. 이는 스크립트 세그먼트에 즉시 실행될 필요가 없는 코드가 포함되어 있음을 브라우저에 알리고, SRC 속성과 함께 사용하면 이러한 스크립트가 백그라운드에서 다운로드되어 전경의 콘텐츠가 표시될 수도 있습니다. 정상적으로 사용자에게 </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">마지막으로 두 가지 사항에 유의하세요. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">1. defer 유형 스크립트 세그먼트에서 <a href="http://www.php.cn/code/658.html" target="_blank">document</a>.write 명령을 호출하지 마세요. document.write가 직접 생성하므로 출력 효과 . </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">2. 또한 즉시 실행 스크립트에서 사용하는 전역 변수나 함수를 defer 스크립트 세그먼트에 포함하지 마세요. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">동일한 URL에 대해 대소문자 일관성 유지</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">UNIX 서버가 대소문자를 구분한다는 것은 모두 알고 있지만 Internet Explorer의 버퍼는 대문자와 소문자 문자열도 다르게 처리한다는 사실을 알고 계셨습니까? 따라서 웹 개발자는 동일한 링크에 대한 URL 문자열의 대문자 사용을 다른 위치에서도 일관되게 유지해야 한다는 것을 기억해야 합니다. 그렇지 않으면 동일한 위치의 다른 파일 백업이 브라우저의 버퍼에 저장되므로 동일한 위치에서 콘텐츠를 다운로드하라는 요청 수도 늘어납니다. 이는 의심할 여지없이 웹 액세스의 효율성을 감소시킵니다. 따라서 동일한 위치에 있는 URL의 경우 다른 페이지에서 URL 문자열 대소문자를 일관되게 유지하십시오. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">태그에 시작과 끝이 있게 하세요</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">직접 작성하거나 다른 사람의 HTML 코드를 볼 때 태그에 시작과 끝이 있는 상황을 우리 모두 접했을 것입니다. 예: </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">다음은 인용 부분입니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><P> 헤드리스 및 테일리스 태그의 예</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><UL></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">< LI>첫 번째</p><p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><LI>두 번째</p><p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><LI>세 번째</p><p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"></UL></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">분명히 위 코드에는 3개의 </LI> 닫는 태그가 없습니다. 그러나 이것이 올바른 실행을 방해하지는 않습니다. HTML에는 여전히 FRAME, IMG, P와 같은 태그가 있습니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"> 그러나 게으르지 마십시오. 종료 태그를 완전히 작성하면 HTML 코드 형식이 표준화될 뿐만 아니라 또한 페이지 개발 속도를 높입니다. Internet Explorer는 단락이나 목록 항목이 끝나는 위치를 파악하는 데 시간이 걸리지 않기 때문입니다. </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">다음은 인용문입니다: </p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><P>머리 및 꼬리 표시의 예</P></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"><UL></p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;">< ;LI> 하나</p> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"></p> <li>두 번째</li> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"></p> <li>세 번째</li> <p style="margin-top: 12px; padding: 0px; text-indent: 2em; color: rgb(51, 51, 51); font-family: verdana, arial, tahoma; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;"> ;</p>