헤드 영역에 CSS를 도입하는 방법-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

헤드 영역에 CSS를 도입하는 방법

青灯夜游

Jul 02, 2021 pm 04:19 PM

css head html

소개 방법: 1. 스타일 태그를 사용하여 "" 구문을 사용합니다. 2. 링크를 사용하여 "".

헤드 영역에 CSS를 도입하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

헤드 영역에 CSS를 도입하는 방법에는 두 가지가 있습니다.

내부 스타일 시트 - 스타일 태그로 정의
외부 스타일 시트 - 링크 태그로 도입

1. - 스타일 태그로 정의

HTML 문서의 head 태그에 CSS 코드를 작성하고, 스타일 태그로 정의합니다. 기본 구문 형식은 다음과 같습니다.

<head>  
<style type="text/css"> 
css代码
</style> 
</head>

구문에는 일반적으로 스타일 태그가 위치합니다. head 태그 뒤에 넣거나 HTML 문서의 아무 곳에나 넣을 수 있습니다.

CSS 코드의 일반적인 형식:

css选择器{ 
  属性:值;
  属性:值;
  .....
}

2. 외부 스타일 시트--링크 태그로 도입됨

링크를 통해 CSS를 확장자로 사용하여 하나 이상의 외부 스타일 시트 파일에 모든 스타일을 넣습니다. HTML 문서의 외부 스타일은 다음과 같습니다:

<link rel="stylesheet" type="text/css" href="css文件路径" />

rel 속성: 현재 문서와 다른 링크된 문서 간의 관계를 정의합니다. "스타일시트"는 링크된 문서가 스타일시트 파일임을 의미합니다.

css 동영상 튜토리얼

, html 동영상 튜토리얼)

위 내용은 헤드 영역에 CSS를 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

뜨거운 도구

뜨거운 주제

Related knowledge

CSS와 플렉스 컨테이너의 하단에 항목을 정렬하는 방법 Oct 04, 2025 am 03:45 AM

CSS를 사용하여 Flex 컨테이너의 하단에 요소를 정렬하여 레이아웃 방향에 따라 선택 방법이 필요합니다. Flex 방향이 열인 경우 정당화 컨텐츠를 설정합니다. Flex-End 모든 어린이를 바닥에 정렬합니다. 행 레이아웃 인 경우, 정렬-셀프 : 크로스 축 바닥에 개별 어린이를 정렬하는 플렉스 엔드; 또는 컨테이너 하단에있는 특정 어린이의 특정 어린이를 위해 마진 꼭대기를 사용하고 다른 품목은 상단에 남아 있습니다. 어느 쪽이든, 컨테이너는 정렬이 적용되도록 명확한 높이를 가져야합니다.

HTML에서 음소거 된 비디오를 자동으로 선출하는 방법 Oct 04, 2025 am 12:55 AM

HTML 비디오의 자동 재생을 달성하려면 자동 재생, 음소거 및 재생 사업 라인 특성을 사용하십시오. 대부분의 최신 브라우저는 비디오를 자동으로 재생하도록 요구하고, Muted Muted는이 조건을 충족하며, PlaysInline은 전체 화면 대신 iossafari 인라인 재생을 보장하고, 제어는 컨트롤 바를 표시하는 데 선택적으로 사용됩니다. 퇴치 해야하는 경우 javaScript를 통해 사용자 상호 작용 후 video.muted = false를 설정할 수 있습니다. 프로그래밍 방식으로 트리거되면 먼저 음소거로 설정하고 가능한 오류를 포착해야합니다. 이러한 속성을 올바르게 추가하고 파일 경로를 확인하여 교차 장치 호환 자동 재생을 달성하십시오.

HTML에서 전화 입력을 만드는 방법 Oct 04, 2025 am 04:23 AM

USETYPE = "TEL"INGTMLINPUTTOCREATEETELEPHONEFIED, MobileKeyboardsandimprovesUserExperience를 최적화하는 것; EnhanceIttributeslikePattern, 필요, 최대 및 AUTOMOMELLETINGFORVALIDATIONADUSIVERIDINUED.

HTML 요소를 나란히 만드는 방법 Oct 04, 2025 am 12:39 AM

Flexbox, Inline-Block 또는 Grid를 사용하여 HTML 요소를 나란히 표시합니다. 1. Flexbox는 디스플레이를 통해 가장 권장되는 가장 권장됩니다 : Flex; 2. 인라인 블록은 빈 간격에주의를 기울여야한다. 3. 그리드는 복잡한 레이아웃에 적합하며 그리드 테일 플레이트 컬럼을 사용하여 열을 정의합니다.

간단한 CSS로드 스피너를 만드는 방법 Oct 04, 2025 am 03:47 AM

로더로 클래스 = "로더"로 div를 만듭니다. 2. CSS를 사용하여 너비, 높이, 테두리 및 둥근 코너를 설정하여 원을 형성하고 테두리 색상 차이를 통해 시각적 회전을 실현하십시오. 3. @keyframes로 정의 된 스핀 애니메이션을 추가하여 연속적으로 회전하게합니다. 4. 선택적으로 Flexbox를 사용하여 로더를 중앙으로 표시합니다.

html로 테이블에 테두리를 추가하는 방법 Oct 10, 2025 am 02:00 AM

HTML 테이블에 테두리를 추가하려면 CSS 테두리 속성을 사용하고 border-collapse:collapse를 설정하세요. 먼저 th 및 td 요소를 포함하는 테이블 구조를 만든 다음 인라인, 내부 또는 외부 CSS를 통해 1pxsolidblack 및 기타 테두리 스타일을 테이블, th 및 td에 추가합니다. 테이블의 깨끗하고 일관된 모양을 보장하기 위해 내부 CSS를 사용하여 스타일을 균일하게 제어하는 것이 좋습니다.