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

CSS

CSS的三种使用方法

發布時間：2024/1/8 CSS 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS的三种使用方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

CSS使用方法1：行內樣式，只對當前標簽生效。
比如像這樣

CSS使用方法2—內聯樣式+選擇器
行內樣式雖然直觀易懂，但是有個問題：不便于維護和修改，而且占內存。但是如果批量修改，文本中的< p >標簽，想讓文字變為紅色。
所以我們使用CSS選擇器。

<html> <head><title>Evan Sun</title><style type="text/css"> p {color: red;} </style> </head> <body> <h1>標題</h1> <p>段落1</p> <p>段落2</p> </body> </html>

當然也不止有這樣一種選擇器。
有四種：#id選擇器 .class選擇器以及這里面的元素選擇器。
下面是幾種選擇器：

CSS使用方法3—外聯樣式+選擇器：
外聯樣式就是通過在HTML引入一個CSS文件，來改變當前文檔的樣式。你只需要在< html >文檔< head>標簽中只需要加入下面這樣一行代碼即可。

其中href的屬性值就是當前css樣式文件的文件路徑
把這個link放在head tag里面。

最后一個問題：
CSS樣式聽誰的？

總結

以上是生活随笔為你收集整理的CSS的三种使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇：毕业设计-基于微信小程序房屋安全管理系统
下一篇： CSS实现最简洁的加载动画