CSS를 소개하는 네 가지 방법-CSS 튜토리얼-php.cn

CSS를 소개하는 네 가지 방법

高洛峰

풀어 주다： 2016-12-16 15:34:14

원래의

2438명이 탐색했습니다.

1. 태그 내의 CSS. 2. 웹페이지 내의 CSS. 3.링크는 CSS를 참조했습니다. 4. 참조된 CSS를 가져옵니다.

다음은 소스코드입니다:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>引入CSS的四种方式</title>

<style type="text/css">

/*h2{ color:white;background-color:blue;}*/

/*要想使网页内的CSS生效，必须注释下一行代码*/

@import "import.css";

</style>

<link href="alone.css" rel="stylesheet" type="text/css" />

</head>



<body>

<h1 style="color:white; background-color:yellow">标签内的CSS</h1>

<h2>网页内的CSS</h2>

<h3>link引用的CSS文件</h3>

<h4>import引用的CSS文件</h4>

<p>link引用和import引用区别是：link是html加载前就引用，而import是html加载后才引用。举例，采用impor引用，会先显示无样式的页面，然后再把样式放进去。如果用JavaScript动态引用CSS，得使用link引用方式才可实现。</p>

</body>

</html>

로그인 후 복사

import.css

@charset "utf-8";
/* CSS Document */
h4{ color:#000000; background-color:#009900;
}

로그인 후 복사

alone.css

@charset "utf-8";
h3{ color:white; background-color:red;}
/* CSS Document */

로그인 후 복사

자연과 조화를 이루는 끝없는 . . .

CSS를 소개하는 4가지 방법과 관련된 더 많은 글은 PHP 중국어 홈페이지를 주목해주세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

CSS를 소개하는 네 가지 방법