data-dismiss是bootstrap里自定義的屬性。

目前成都創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、永春網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
給一個(gè)元素data-dimiss屬性的話,可以通過(guò)點(diǎn)擊該元素達(dá)到讓目標(biāo)消失的效果。
data-* 屬性是HTML5中推薦使用 用于綁定元素?cái)?shù)據(jù)的一個(gè)屬性。
CSS(層疊樣式表)是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè),還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表:外部樣式表、內(nèi)部樣式表和內(nèi)聯(lián)樣式。
CSS具有精簡(jiǎn)代碼,降低重構(gòu)難度、提升網(wǎng)頁(yè)訪問(wèn)速度、利于SEO優(yōu)化等優(yōu)勢(shì),能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。
沒(méi)有區(qū)別,只是寫(xiě)法不一樣,在原生的寫(xiě)法上會(huì)導(dǎo)致出現(xiàn)的問(wèn)題就是:樣式如果比較多,代碼看起來(lái)混亂。
在vue中,把style放在date里面來(lái)傳遞這樣代碼看起來(lái)整結(jié),方便閱讀。
但是他們最終的效果都是一樣的
沒(méi)什么特別的地方,其實(shí)好比某個(gè)元素(可能是個(gè)div)給你一個(gè)口袋,名字必須以data開(kāi)頭,加上“-”,他們就是你自己命名的小口袋,在本例中的這個(gè)小口袋的名字是data-spm,你把數(shù)據(jù)放在這個(gè)專屬小口袋中,然后在使用js的時(shí)候,你就可以在專用的小口袋中抓取數(shù)據(jù)進(jìn)行使用,也可以想象成在有名字的存錢罐下把錢拿出來(lái)用,使用的例子如下(記得自己提前加載JQuery);
div?class="click-me"?data-spm="我是在spm中的數(shù)據(jù),你可以把我取出來(lái)用額!"
我就是個(gè)div
/div
$('.click-me').click(function(){
alert($(this).data('spm'));//?你就這么把數(shù)據(jù)給取出來(lái)了!!
});
新聞標(biāo)題:css樣式data的簡(jiǎn)單介紹
路徑分享:http://chinadenli.net/article7/dsejhij.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、Google、虛擬主機(jī)、微信小程序、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)