HTML語言中的style標簽,它的作用是用來定義HTML文檔中的樣式信息,以達到頁面美觀的效果。通過style標簽可以定義頁面的外部樣式、內(nèi)部樣式以及內(nèi)聯(lián)樣式。
外部樣式: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>你好,世界!</h1> </body> </html>
其中,rel屬性定義的是鏈接文檔與當(dāng)前文檔之間的關(guān)系(StyleSheet);type屬性定義的是樣式表的類型(text/css);href屬性定義的是樣式表所在的URL地址。以上三個屬性都必不可少。
內(nèi)部樣式: <!DOCTYPE html> <html> <head> <style type="text/css"> body{ background-color:#f4f4f4; } h1{ color:#333; text-align:center; } </style> </head> <body> <h1>你好,世界!</h1> </body> </html>
內(nèi)部樣式表是寫在HTML文件的<head>與</head>中的。最常見的是定義body、h1等的樣式,來美化頁面。
內(nèi)聯(lián)樣式: <!DOCTYPE html> <html> <body> <h1 style="color:blue;text-align:center;">你好,世界!</h1> </body> </html>
內(nèi)聯(lián)樣式可以實現(xiàn)在標簽內(nèi)設(shè)置樣式。但是,不推薦在HTML標簽中使用內(nèi)聯(lián)樣式,因為這樣做容易使HTML文件混亂不堪、難以維護。