在 Html 的學(xué)習(xí)中我們會面臨很多問題，那么今天我們就來說說在 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>標(biāo)簽，并且在該標(biāo)簽中加入一個 ?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.在同一個項目中新建一個 css文件，并且將該文件命名為 test.css，將文件保存在項目中的 css 的文件夾中。通過 ceshi 類名編寫 html 頁面中 ?div? 的 css 樣式 。設(shè)置字體大小為?30px?，字體顏色為藍色。代碼如下：
@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ā)工具中點擊運行，查看運行結(jié)果截圖如下：
以上就是今天小編給大家?guī)淼?html 頁面中 ?div? 怎么調(diào)用css調(diào)用源碼介紹分析！希望對你的學(xué)習(xí)有用，更多的基礎(chǔ)學(xué)習(xí)快來w3cschool免費學(xué)習(xí)吧！
