App下載

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

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

在 Html 的學習中我們會面臨很多問題,那么今天我們就來說說在 html 頁面中 ?div? 怎么調(diào)用 css 吧!

1.首先我們在開發(fā)工具中新建一個 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>標簽,并且在該標簽中加入一個 ?class類標簽,定義類標簽的名稱為 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.在同一個項目中新建一個 css文件,并且將該文件命名為 test.css,將文件保存在項目中的 css 的文件夾中。通過 ceshi 類名編寫 html 頁面中 ?div? 的 css 樣式 。設(shè)置字體大小為?30px?,字體顏色為藍色。代碼如下:

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

4.在 test.html 文件中,使用 ?link? 標簽加載外部的 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ā)工具中點擊運行,查看運行結(jié)果截圖如下:

運行結(jié)果截圖

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

0 人點贊