HTML類-1.19HTML基礎(chǔ)教程

對 HTML 進行分類(設(shè)置類),使我們能夠為元素的類定義 CSS 樣式。

創(chuàng)新互聯(lián)建站主營香格里拉網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā)公司,香格里拉h(huán)5小程序開發(fā)搭建,香格里拉網(wǎng)站營銷推廣歡迎香格里拉等地區(qū)企業(yè)咨詢

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

London

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.

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

實例 <!DOCTYPE html><html><head><style>.cities { background-color:black; color:white; margin:20px; padding:20px;} </style></head><body><div class="cities"><h2>London</h2><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>
分類塊級元素

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

設(shè)置 <div> 元素的類,使我們能夠為相同的 <div> 元素設(shè)置相同的類:

London

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.

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

Paris

Paris is the capital and most populous city of France.

Situated on the Seine River, it is at the heart of the 蝜e-de-France region, also known as the r間ion parisienne.

Within its metropolitan area is one of the largest population centers in Europe, with over 12 million inhabitants.

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.

It is the seat of the Japanese government and the Imperial Palace, and the home of the Japanese Imperial Family.

The Tokyo prefecture is part of the world's most populous metropolitan area with 38 million people and the world's largest urban economy.

實例 <!DOCTYPE html><html><head><style>.cities { background-color:black; color:white; margin:20px; padding:20px;} </style></head><body><div class="cities"><h2>London</h2><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"><h2>Paris</h2><p>Paris is the capital and most populous city of France.</p></div><div class="cities"><h2>Tokyo</h2><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> 元素的類,能夠為相同的 <span> 元素設(shè)置相同的樣式。

實例 <!DOCTYPE html><html><head><style> span.red {color:red;}</style></head><body><h1>My <span class="red">Important</span> Heading</h1></body></html>

本文標題:HTML類-1.19HTML基礎(chǔ)教程
文章地址:http://www.bm7419.com/article28/dghhdcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、標簽優(yōu)化網(wǎng)站設(shè)計公司、微信小程序關(guān)鍵詞優(yōu)化、電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站