App下載

html頁面中div怎么調(diào)用css？css的調(diào)用源碼介紹分析！

猿友 2021-05-25 16:29:23 瀏覽數(shù) (4485)
反饋

在 Html 的學(xué)習(xí)中我們會(huì)面臨很多問題，那么今天我們就來說說在 html 頁面中 ?div? 怎么調(diào)用 css 吧！

1.首先我們?cè)陂_發(fā)工具中新建一個(gè) Html 文件，并且將文件命名為 test.html。創(chuàng)建成功后的代碼如下：

<html>

	<head>

		<meta charset="utf-8">
		<title>html頁面中div怎么調(diào)用css</title>

	</head>

	<body>

	</body>

</html>

2.在創(chuàng)建后的代碼中加入 ?<div></div>標(biāo)簽，并且在該標(biāo)簽中加入一個(gè) ?class類標(biāo)簽，定義類標(biāo)簽的名稱為 ceshi；代碼如下：

<html>

	<head>

		<meta charset="utf-8">
		<title>html頁面中div怎么調(diào)用css</title>

	</head>

	<body>

		<div class="ceshi">

			html頁面中div怎么調(diào)用css?

		</div>

	</body>

</html>

3.在同一個(gè)項(xiàng)目中新建一個(gè) css文件，并且將該文件命名為 test.css，將文件保存在項(xiàng)目中的 css 的文件夾中。通過 ceshi 類名編寫 html 頁面中 ?div? 的 css 樣式 。設(shè)置字體大小為?30px?，字體顏色為藍(lán)色。代碼如下：

@charset "utf-8";
.ceshi{
	font-size: 30px;
	color: blue;
}

4.在 test.html 文件中，使用 ?link? 標(biāo)簽加載外部的 css 文件，并且在 ?href? 屬性中 添加 css 文件的路徑。代碼如下：

	<html>
	<head>

		<meta charset="utf-8">

		<link href="css/jieshao.css" rel="stylesheet"/>

		<title>html頁面中div怎么調(diào)用css</title>

	</head>

	<body>

		<div class="ceshi">

			html頁面中div怎么調(diào)用css?

		</div>

	</body>

</html>

5.我們保存所有的文件，在開發(fā)工具中點(diǎn)擊運(yùn)行，查看運(yùn)行結(jié)果截圖如下：

運(yùn)行結(jié)果截圖

以上就是今天小編給大家?guī)淼?html 頁面中 ?div? 怎么調(diào)用css調(diào)用源碼介紹分析！希望對(duì)你的學(xué)習(xí)有用，更多的基礎(chǔ)學(xué)習(xí)快來w3cschool免費(fèi)學(xué)習(xí)吧！

HTML CSS 前端

0 人點(diǎn)贊