1、局部引入:在各自vue文件中使用,互不干扰style标签里面的关键字scoped【限位标记】添加这个关键字的作用:将这个style里面的样式都限制在该组件中,不会影响其他的组件。
2、全局引入:作用于全局,让很多内容都使用这个样这个就要回到App.vue中;
步骤一:建立自己专门存放自定义样式的css文件;
步骤二:在App.vue中新建;
步骤三:将css文件通过import‘css文件位置’引入到style标签中,作为全局样式覆盖。
这个也没有别的意思#div_test #只代表这是一个ID选择器
。仅代表是一个类别选择器
#号后面的是元素的ID
。号后面的是元素类名
如果没# .这种标识符 那就不能区分div_test 是ID选择器,还是类别选择器
代码就无法执行,,,
这个学久了自然就能理解。。。。
刚开始学的时候,我也不理解
还有就是那个标签选择器,
为什么会叫标签选择器,而不叫元素选择器呢
那是因为标签名就是元素名
元素是一个整体的概念,元素名仅仅只代表元素的名称
p元素,它的名称就是p
<p>这是个标签,标签名就是P
标签是由元素名与<>组成
而元素是由开始标签与结束标签组成
*是通配符,,
表示所有
* { margin:0}
重置所有元素的边距
* { margin:0padding:0}* 这叫“通配符”用来匹配页面上所有元素。
{} 样式规定都写在大括号里面
*{margin:0padding:0} 像body ,ul, li ,p,h1~h6,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置。