css标签选择器、类名选择器、多类名选择器
生活随笔
收集整理的這篇文章主要介紹了
css标签选择器、类名选择器、多类名选择器
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
css標(biāo)簽選擇器、類名選擇器、多類名選擇器
標(biāo)簽選擇器：顧名思義，標(biāo)簽選擇器就是在css樣式中通過(guò)標(biāo)簽名字來(lái)對(duì)標(biāo)簽的樣式來(lái)進(jìn)行修改。
代碼如下： <!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"><style>p { color: pink;}div {color: purple;}</style></head><body><p>人生哪有一路高歌，還不是會(huì)有低鳴。</p><p>但我們?cè)诘网Q時(shí)，千萬(wàn)不要忘記我們的雄心壯志。</p><p>待我們一鳴驚人時(shí)，讓世間萬(wàn)人銘記。</p><div>人生哪有一路高歌，還不是會(huì)有低鳴。</div><div>但我們?cè)诘网Q時(shí)，千萬(wàn)不要忘記我們的雄心壯志。</div><div>待我們一鳴驚人時(shí)，讓世間萬(wàn)人銘記。</div></body> </html>
效果如下：
在上面的代碼中可以在css樣式中可以看到標(biāo)簽名字來(lái)控制樣式，現(xiàn)在屬于p標(biāo)簽的字體都是pink，屬于div標(biāo)簽的字體都是purple。
類名選擇器：就是通過(guò)類名來(lái)控制樣式的改變，那么什么是類名呢？比如<div class="yangshi"></div>,class里面的就是類名，那么類名在css樣式又是怎樣被調(diào)用呢？
代碼如下：
效果如下：
在上面的代碼中，代碼是通過(guò).fenyun,.fanyou來(lái)調(diào)用的。
多類名選擇器：就是在一個(gè)標(biāo)簽中插入多個(gè)類名來(lái)控制
代碼如下：
效果如下：
可以通過(guò)多個(gè)類名一起改變同一個(gè)標(biāo)簽的樣式。
總結(jié)
以上是生活随笔為你收集整理的css标签选择器、类名选择器、多类名选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： android滑动开关框架,Androi
- 下一篇： 学PHP的嫌弃什么歌,抖音再见了互相嫌弃