div是一個(gè)標(biāo)簽,如果不給其命名,則選擇器屬于標(biāo)簽選擇器
cssSelector定位,屬于CSS高級(jí)等位,它的定位方式,利用選擇器進(jìn)行的。在CSS 中,選擇器是一種模式,用于選擇需要添加樣式的對(duì)象。“CSS” 列指示該屬性是在哪個(gè)CSS 版本中定義的。(CSS1、CSS2 還是CSS3。);
下面羅列了一部分的CSS定位方式。看到這么多是否覺(jué)得CSS不再簡(jiǎn)單,其實(shí)不然常用的幾種方式作者已標(biāo)記,CSS定位是平常使用過(guò)程中非常重要的一種方式。它與Xpath定位有諸多類(lèi)似的地方,但是無(wú)論從性能還是語(yǔ)法上來(lái)說(shuō)CSS都是比較有優(yōu)勢(shì)的。
1、一般情況下定位速度要比XPATH快
2、語(yǔ)法比Xpath要簡(jiǎn)潔
首先要認(rèn)識(shí)DIV是什么,div是HTML標(biāo)簽“<div>”。
DIV用法的語(yǔ)法<div>內(nèi)容</div>div作為html網(wǎng)頁(yè)中常用的標(biāo)簽,其默認(rèn)樣式是獨(dú)占一行,其CSS樣式需要重新賦予。
比如對(duì)div寬度、高度等樣式設(shè)置、內(nèi)部字體大小、字體顏色都需要通過(guò)CSS來(lái)實(shí)現(xiàn)。
通俗認(rèn)識(shí)div,div作用就是實(shí)現(xiàn)布局、實(shí)現(xiàn)對(duì)內(nèi)容樣式控制、實(shí)現(xiàn)各種各樣的布局效果。DIV的用法實(shí)例,這里通過(guò)對(duì)div設(shè)置不同CSS樣式,觀察其效果。
DIV+CSS實(shí)例完整HTML源代碼:<!DOCTYPE html><html><head><meta charset="gb2312" /><title>div的用法在線演示www.divcss5.com</title><style>div{ margin-top:10px}/* css注釋說(shuō)明:
對(duì)div都設(shè)置上間距10px */.divcss5-1{font-size:16px}/*
設(shè)置css字體大小16px */.divcss5-2{color:#F00}/*
設(shè)置css字體顏色為紅色 */.divcss5-3{ background:#000; color:#FFF}/*
設(shè)置CSS背景顏色為黑色和字體顏色為白色 */.divcss5-4{ border:1px solid #F00; height:60px}/*
設(shè)置css邊框和CSS高度60px */</style></head><body><div>普通內(nèi)容一
</div><div class="divcss5-1">我字體大小為16px</div><div class="divcss5-2">我字體顏色為紅色</div><div class="divcss5-3">我背景為黑色字體為白色</div><div class="divcss5-4">布局設(shè)置邊框和高度</div></body></html>
1、點(diǎn)擊css樣式窗口的"新建css規(guī)則",打開(kāi)新建css規(guī)則對(duì)話框。
2、在選擇器類(lèi)型中選擇“類(lèi)”,選擇器名稱(chēng)選擇.title,在規(guī)則定義中選擇新建樣式表文件。點(diǎn)擊確定后選擇樣式文件要放置的文件夾。
3、這樣就創(chuàng)建了一個(gè)css樣式文件,并新建了一個(gè)名為.title的樣式。在打開(kāi)的css規(guī)則定義對(duì)話框中的左側(cè)選擇類(lèi)型,這就是css規(guī)則的類(lèi)型樣式,主要用于設(shè)置文本的css樣式。