Dreamweaver中css選擇器中的類怎么使用?
發(fā)布時(shí)間：2018-01-09 16:53:15 作者：lovezhus 
我要評論
我要評論Dreamweaver怎么使用css選擇器中的類？Dreamweaver中css選擇器中有很多功能，想要使用其中的類，該怎么使用呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
Dreamweaver中的css選擇器是定義css規(guī)則首選需要選擇的，css選擇器主要有：類\id\標(biāo)簽\復(fù)合內(nèi)容，今天我們就來看看Dreamweaver中css選擇器中類的使用方法。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型：網(wǎng)頁設(shè)計(jì)
- 大?。?/span>758MB
- 語言：簡體中文
- 時(shí)間：2016-11-05
1、打開css樣式窗口，點(diǎn)擊新建css規(guī)則。
2、在彈出的對話框中的css選擇器中選擇"類"，在選擇器名稱中任意取名，但前面必須加一個(gè)點(diǎn)，比如.ys1
3、在彈出的css規(guī)則定義對話框中定義需要的屬性，比如字體大小和顏色。
4、在頭部信息的代碼中就多了一個(gè).ys1的css樣式代碼，但這只是新建了一個(gè)樣式，還沒有運(yùn)用到頁面中。
5、選中需要運(yùn)用該樣式的文本，在屬性的類中直接選中.ys1。
6、這樣文本就出現(xiàn)變化，一個(gè)類就正式運(yùn)用到網(wǎng)頁中去了。
以上就是Dreamweaver中css選擇器中類的使用方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver網(wǎng)頁制作怎么使用css樣式嵌套?
Dreamweaver網(wǎng)頁怎么創(chuàng)建css樣式的復(fù)合聲明?
相關(guān)文章
- 這篇文章主要介紹了CSS :visited偽類選擇器隱秘往事回憶錄,需要的朋友可以參考下2018-10-12
dw中css選擇器nthchild怎么使用？Dreamweaver中出現(xiàn)了多個(gè)相同的標(biāo)簽，這時(shí)候可以使用nth-child()選擇器，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-06-04css選擇器中有小數(shù)點(diǎn)的標(biāo)簽獲取方法
這篇文章主要介紹了css選擇器中有小數(shù)點(diǎn)的標(biāo)簽獲取方法,需要的朋友可以參考下2018-03-26
CSS3 :default 偽類選擇器只能作用在表單元素上，表示默認(rèn)狀態(tài)的表單元素。接下來通過本文給大家介紹CSS3 :default偽類選擇器使用簡介，感興趣的朋友跟隨腳本之家小編一起2018-03-15- 本文將詳細(xì)介紹CSS選擇器的新用法，感興趣的朋友一起學(xué)習(xí)吧2018-02-02
這篇文章主要介紹了CSS選擇器實(shí)現(xiàn)字段解析的相關(guān)資料,需要的朋友可以參考下2018-01-31- 這篇文章主要介紹了CSS中選擇器的權(quán)重值的計(jì)算的相關(guān)資料,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-23
詳解CSS3選擇器:nth-child和:nth-of-type之間的差異
本篇文章主要介紹了CSS3選擇器:nth-child和:nth-of-type之間的差異，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-18- 本文總結(jié)了30個(gè)CSS3選擇器,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-13
- 這篇文章主要介紹了css3類選擇器之結(jié)合元素選擇器和多類選擇器用法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-09
