HTML 5에 CSS를 포함-그렇게 된 방법입니다
HTML 5에서 CSS를 쉽게 통합 할 수 있습니다. HTML 및 XML 문서를보다 그래픽 적으로보기 좋게 만들려면 CSS (Cascading Style Sheets)를 선택하는 것이 좋습니다. 서식 언어는 웹 사이트를 시각적으로 향상시킬 수있는 다양한 옵션을 제공합니다. CSS를 HTML 5에 통합하는 방법에는 기본적으로 세 가지가 있습니다. 우리는이 실용적인 팁에서 이것을 보여줄 것입니다.
HTML 5의 CSS : 옵션 1-CSS 파일 아웃소싱
첫 번째 옵션은 CSS를 별도의 파일로 옮기는 것입니다. 스타일 시트는 단일 페이지에만 영향을 줄뿐만 아니라 모든 HTML5 페이지에서 자동으로 사용됩니다. 주요 장점은 중앙 관리입니다. 모든 페이지에서 변경 사항을 빠르게 구현할 수 있습니다. HTML 5에 CSS 파일을 포함시키는 방법 :
- 새 CSS 파일을 작성하십시오.
- 헤드 영역에서 CSS 파일을 참조하십시오. 이 경우 파일 이름은 style.css이지만 이름은 물론 개별적입니다.
- style.css 파일을 웹 서버의 기본 디렉토리에 저장해야합니다.
- CSS 파일을 HTML 5에 성공적으로 통합했습니다.
HTML 5 파일 시작 부분의 CSS
아웃소싱 된 CSS 파일을 작성하지 않으려는 경우 HTML 5 문서의 헤더에서 CSS 특성을 설정할 수도 있습니다. 그러면 모든 HTML 5 페이지가 아닌이 HTML 5 파일에만 영향을줍니다.
- HTML 5 문서를 엽니 다
- 헤드 영역에 다음 명령을 삽입하십시오.
- 이제 원하는 속성을 정의하십시오. 예를 들어 제목의 크기, 텍스트의 색상 등이 될 수 있습니다. 이에 익숙한 CSS 명령을 사용하십시오.
- 속성을 입력 한 후 명령을 닫습니다.
- 지정된 속성이이 HTML 5 문서에 적용됩니다.
CSS 인라인 스타일 : 명령을 직접 사용
HTML 5에서 CSS를 통합하는 마지막 방법은 인라인 스타일입니다. 즉, 소스 코드에 직접 명령을 입력해야합니다.
- 그래픽 디스플레이를 변경하려는 지점으로 이동하십시오.
- CSS 명령을 직접 입력하십시오. 예를 들어 다음과 같이 보일 수 있습니다.
파란색 소제목
- 이 명령은이 명령에만 사용됩니다.