當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html 三种插入css样式的方式

發(fā)布時間：2024/3/26 编程问答 29 豆豆

生活随笔收集整理的這篇文章主要介紹了 html 三种插入css样式的方式小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

三種插入css樣式的方式

一、外鏈?zhǔn)揭隿ss樣式
二、內(nèi)嵌式使用css樣式
三、行內(nèi)式引入css樣式

一、外鏈?zhǔn)揭隿ss樣式

在head標(biāo)簽中使用<link rel="stylesheet" type="text/css" href="css/main.css">引入
代碼如下所示：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>外鏈?zhǔn)揭隿ss樣式</title><link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body><div>這是一個div標(biāo)簽</div> </body> </html>

顯示如下所示

二、內(nèi)嵌式使用css樣式

使用style標(biāo)簽引入：

代碼如下所示：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>內(nèi)嵌式使用css樣式</title><style type="text/css">div{font-size: 20px;color: #2b542c;background-color: #d43f3a;}</style> </head> <body><div>頁面標(biāo)題</div> </body> </html>

顯示如下所示：

三、行內(nèi)式引入css樣式

使用style屬性引入：

代碼如下所示：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>行內(nèi)式引入css樣式</title> </head> <body><a href="https:www.baidu.com" title="跳轉(zhuǎn)到百度" target="_blank" style="font-size: 20px;color: #007aff;background-color: #b3b3b3">國資軟件</a> </body> </html>

顯示如下所示：

總結(jié)

以上是生活随笔為你收集整理的html 三种插入css样式的方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： rtthread_scons简介
下一篇：对一阶电路的瞬态分析