免費(fèi)AI編程助手
在 Html 的學(xué)習(xí)中我們會(huì)面臨很多問(wèn)題，那么今天我們就來(lái)說(shuō)說(shuō)在 html 頁(yè)面中 ?div? 怎么調(diào)用 css 吧！
1.首先我們?cè)陂_(kāi)發(fā)工具中新建一個(gè) Html 文件，并且將文件命名為 test.html。創(chuàng)建成功后的代碼如下：
<html>
<head>
<meta charset="utf-8">
<title>html頁(yè)面中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頁(yè)面中div怎么調(diào)用css</title>
</head>
<body>
<div class="ceshi">
html頁(yè)面中div怎么調(diào)用css?
</div>
</body>
</html>
3.在同一個(gè)項(xiàng)目中新建一個(gè) css文件，并且將該文件命名為 test.css，將文件保存在項(xiàng)目中的 css 的文件夾中。通過(guò) ceshi 類名編寫(xiě) html 頁(yè)面中 ?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頁(yè)面中div怎么調(diào)用css</title>
</head>
<body>
<div class="ceshi">
html頁(yè)面中div怎么調(diào)用css?
</div>
</body>
</html>
5.我們保存所有的文件，在開(kāi)發(fā)工具中點(diǎn)擊運(yùn)行，查看運(yùn)行結(jié)果截圖如下：
以上就是今天小編給大家?guī)?lái)的 html 頁(yè)面中 ?div? 怎么調(diào)用css調(diào)用源碼介紹分析！希望對(duì)你的學(xué)習(xí)有用，更多的基礎(chǔ)學(xué)習(xí)快來(lái)w3cschool免費(fèi)學(xué)習(xí)吧！
