html style 예제

인라인 CSS를 사용하면 한 번에 하나의 HTML 요소에 고유한 스타일을 적용할 수 있습니다. 스타일 특성을 사용하여 특정 HTML 태그에 CSS를 할당합니다. 참고 – 글꼴 태그가 더 이상 사용되지 않으며 HTML의 향후 버전에서 제거되어야한다. 따라서 대신 사용해서는 안되며 CSS 스타일을 사용하여 글꼴을 조작하는 것이 좋습니다. 그러나 학습 목적을 위해 이 장에서는 글꼴 태그를 사용하는 예제와 함께 작동합니다. 이제 우리의 스타일이 완성되었습니다. 다음으로 스타일 시트를 별도의 파일에 배치하여 다른 페이지가 동일한 스타일을 공유할 수 있도록 하는 방법을 살펴보겠습니다. 첫 번째 줄은 스타일 시트이며 CSS (« 텍스트 / css »)로 작성되어 있다고 말합니다. 두 번째 줄은 « 본문 » 요소에 스타일을 추가한다고 말합니다. 세 번째 줄은 텍스트의 색상을 자주색으로 설정하고 다음 줄은 배경을 일종의 녹색 노란색으로 설정합니다. 스타일 시트 규칙을 단일 문서에만 적용하려면 태그를 사용하여 HTML 문서의 헤더 섹션에 해당 규칙을 포함할 수 있습니다. 대부분의 경우 작성자는 문서 그룹에 대한 공통 스타일 시트를 활용합니다.

이 경우 대부분의 문서의 경우 스타일 시트가 로컬 캐시에 이미 있기 때문에 문서 전체에 스타일 규칙을 배포하면 연결된 스타일 시트를 사용하는 것보다 성능이 저하됩니다. 좋은 스타일 시트의 공개 가용성은이 효과를 장려할 것입니다. 다음 예제에서는 문서에 매우 간단한 스타일 시트를 적용합니다: 인라인 스타일 특성이 있는 p 태그는 여기서 포커스입니다: 스타일 특성 값의 구문은 기본 스타일 시트 언어에 의해 결정됩니다. 예를 들어 [CSS2]인라인 스타일의 경우 섹션 4.1.8에 설명된 선언 블록 구문을 사용합니다(중괄호 구분 기호 제외). 이제 « 현재 저장 »을 선택합니다. 파일 메뉴에서, 당신이 그것을 넣어 하려는 디렉토리/폴더로 이동 (바탕 화면은 괜 찮 아 요) « mypage.html »로 파일을 저장 합니다. 아직 편집기닫지 마십시오, 우리는 다시 필요합니다. 다음으로 브라우저에서 파일을 엽니다. 다음과 같이 할 수 있습니다 : 파일 관리자 (윈도우 탐색기, 파인더 또는 Konqueror)와 파일을 찾아 클릭하거나 « mypage.html »파일을 두 번 클릭합니다.

기본 웹 브라우저에서 열립니다. 그렇지 않으면 브라우저를 열고 파일을 드래그합니다. STYLE 요소를 사용하면 작성자가 문서의 머리에 스타일 시트 규칙을 넣을 수 있습니다. HTML은 문서의 HEAD 섹션에서 여러 개의 STYLE 요소를 허용합니다. 먼저 텍스트 색상과 글꼴 크기를 지정하는 태그 와 관련 특성을 사용하는 HTML 문서의 예를 생각해 보자 – 웹 페이지에 포함 된 스타일을 추가하려면, 태그 사이의 스타일을 동봉. html 파일에 요소를 추가해야 합니다. 스타일 시트는 해당 요소 내부에 있습니다. 따라서 편집기 창으로 돌아가 HTML 파일의 머리 부분에 다음 다섯 줄을 추가하십시오. 추가할 선은 빨간색으로 표시됩니다(5~9줄). 두 개 이상의 META 선언 또는 HTTP 헤더가 기본 설정 스타일 시트를 지정하는 경우 마지막 헤더가 우선합니다.

HTTP 헤더는 이 목적을 위해 문서 HEAD보다 일찍 발생하는 것으로 간주됩니다.

Ce contenu a été publié dans Non classé. Vous pouvez le mettre en favoris avec ce permalien.

Les commentaires sont fermés.