溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML中如何設(shè)置類

發(fā)布時(shí)間：2022-03-10 11:33:36 來源：億速云 閱讀：474 作者：小新 欄目：web開發(fā)

小編給大家分享一下HTML中如何設(shè)置類，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

對(duì) HTML 進(jìn)行分類（設(shè)置類），使我們能夠?yàn)樵氐念惗x CSS 樣式。

為相同的類設(shè)置相同的樣式，或者為不同的類設(shè)置不同的樣式。

實(shí)例

<!DOCTYPE html>

<html>

<head>

<style>

.cities {

    background-color:black;

    color:white;

    margin:20px;

    padding:20px;

} 

</style>

</head>

<body>

<div class="cities">

<h3>London</h3>

<p>

London is the capital city of England. 

It is the most populous city in the United Kingdom, 

with a metropolitan area of over 13 million inhabitants.

</p>

</div> 

</body>

</html>

分類塊級(jí)元素

HTML <div> 元素是塊級(jí)元素。它能夠用作其他 HTML 元素的容器。

設(shè)置 <div> 元素的類，使我們能夠?yàn)橄嗤?<div> 元素設(shè)置相同的類：

實(shí)例

<!DOCTYPE html>

<html>

<head>

<style>

.cities {

    background-color:black;

    color:white;

    margin:20px;

    padding:20px;

} 

</style>

</head>

<body>

<div class="cities">

<h3>London</h3>

<p>London is the capital city of England. 

It is the most populous city in the United Kingdom, 

with a metropolitan area of over 13 million inhabitants.</p>

</div>

<div class="cities">

<h3>Paris</h3>

<p>Paris is the capital and most populous city of France.</p>

</div>

<div class="cities">

<h3>Tokyo</h3>

<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,

and the most populous metropolitan area in the world.</p>

</div>

</body>

</html>

分類行內(nèi)元素

HTML <span> 元素是行內(nèi)元素，能夠用作文本的容器。

設(shè)置 <span> 元素的類，能夠?yàn)橄嗤?<span> 元素設(shè)置相同的樣式。

實(shí)例

<!DOCTYPE html>

<html>

<head>

<style>

  span.red {color:red;}

</style>

</head>

<body>

<h2>My <span class="red">Important</span> Heading</h2>

</body>

</html>

以上是“HTML中如何設(shè)置類”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手