因为在进行css背景颜色设置时,如果设置的过程中稍有疏忽,一不小心就有可能导致颜色背景的被覆盖。所以在进行操作时必须小心,小心,再小心,严格按照规章制度进行。
主要有局部引入和全局引入。1、局部引入:在各自vue文件中使用,互不干扰style标签里面的关键字scoped【限位标记】添加这个关键字的作用:将这个style里面的样式都限制在该组件中,不会影响其他的组件。
2、全局引入:作用于全局,让很多内容都使用这个样这个就要回到App.vue中;
步骤一:建立自己专门存放自定义样式的css文件;
步骤二:在App.vue中新建;
步骤三:将css文件通过import‘css文件位置’引入到style标签中,作为全局样式覆盖。
用CSS +DIV将第二张特定图片覆盖第一张图片的部分区域方法:
用CSS中元素的background : background-color || background-image || background-repeat || background-attachment || background-position。 示例代码如下:
复制代码代码如下:
background:transparent url(123.jpg) no-repeat scroll -140px -20px
解释:
transparent表示透明无颜色
url(123.jpg) 表示背景图片
no-repeat 表示图片不重复
scroll 表示背景图片随浏览器下拉而滚动
-140px 表示水平位置在图片的-140px处(以图片的左上角为0,0)
-20px 表示垂直位置在图片的-20px处(以图片的左上角为0,0)