對 HTML 進行分類(設置類),使我們能夠為元素的類定義 CSS 樣式。
創新互聯建站主營香格里拉網站建設的網絡公司,主營網站建設方案,重慶APP開發公司,香格里拉h5小程序開發搭建,香格里拉網站營銷推廣歡迎香格里拉等地區企業咨詢
為相同的類設置相同的樣式,或者為不同的類設置不同的樣式。
LondonLondon 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 元素的容器。
設置 <div> 元素的類,使我們能夠為相同的 <div> 元素設置相同的類:
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 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 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.
HTML <span> 元素是行內元素,能夠用作文本的容器。
設置 <span> 元素的類,能夠為相同的 <span> 元素設置相同的樣式。
實例 <!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基礎教程
文章地址:http://m.newbst.com/article28/dghhdcp.html
成都網站建設公司_創新互聯,為您提供云服務器、標簽優化、網站設計公司、微信小程序、關鍵詞優化、電子商務
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯