當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS：CSS的外联样式

發布時間：2023/12/18 CSS 37 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS：CSS的外联样式小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

樣式一：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>CSS外聯樣式一</title><style>/* 對body中的所有p元素起作用 */p {color:blue;font:bolder;}</style> </head> <body><p>這是一個段落。</p><p>另一個段落。</p> </body> </html>

樣式二：
需單獨創建一個.css文件：

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>CSS外聯樣式二</title><link rel="stylesheet" href="04.css"> </head> <body><p>這是一個段落。</p> </body> </html>

css文件：

p {color: brown;font: bolder; }

總結

以上是生活随笔為你收集整理的CSS：CSS的外联样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。