css样式data的简单介绍

css中data-dismiss是什么方法

data-dismiss是bootstrap里自定义的属性。

给一个元素data-dimiss属性的话，可以通过点击该元素达到让目标消失的效果。

data-* 属性是HTML5中推荐使用 用于绑定元素数据的一个属性。

CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。有三种方法可以在站点网页上使用样式表：外部样式表、内部样式表和内联样式。

CSS具有精简代码，降低重构难度、提升网页访问速度、利于SEO优化等优势，能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

相关问答

Q1: css内联样式与Vue的data引入的style样式有什么本质的区别？？？？？

没有区别，只是写法不一样，在原生的写法上会导致出现的问题就是：样式如果比较多，代码看起来混乱。

在vue中，把style放在date里面来传递这样代码看起来整结，方便阅读。

但是他们最终的效果都是一样的

Q2: css中的 data-spm是什么特性

没什么特别的地方，其实好比某个元素（可能是个div）给你一个口袋，名字必须以data开头，加上“-”，他们就是你自己命名的小口袋，在本例中的这个小口袋的名字是data-spm，你把数据放在这个专属小口袋中，然后在使用js的时候，你就可以在专用的小口袋中抓取数据进行使用，也可以想象成在有名字的存钱罐下把钱拿出来用，使用的例子如下（记得自己提前加载JQuery）;

div class="click-me" data-spm="我是在spm中的数据，你可以把我取出来用额！"

    我就是个div

/div

$('.click-me').click(function(){

       alert($(this).data('spm'));// 你就这么把数据给取出来了！！

});