×

CSS文章/教程

css添加边框阴影(css添加边框阴影效果)

成绍勇? 成绍勇? 发表于2024-04-17 浏览6521 评论0
css边框阴影如何设置? 语法: <style> box-shadow: h-shadow v-shadow blur spread color inset; </style> 取值: h-shadow:必需设置的值,定义水平阴影的位置。允许负值。 v-shadow:必需设置的值,定义垂直阴影的位置。允许负值。 blur:可选设置的值,定义模糊距离。 spread:可选设置的值,定义阴影的尺寸。 color :可选设置的值,定义阴影的颜色。如果

CSS文章/教程

css样式穿透(深度选择器)(css样式穿透)

Mychanges Mychanges 发表于2024-04-14 浏览12914 评论0
1、 什么情况下使用样式穿透 引入第三方组件库(如element-ui、element-plus),修改第三方组件库的样式 样式文件中使用了 scoped 属性,但是为了确保每个组件之间不存在相互影响所以不能去除 2、 样式穿透的三种办法 1. >>> 适用与 css、stylus,不太推荐,可能会有问题 外层类 /deep/ 想要修改类名 { 修改样式 } 2. /deep/ 适用于 scss、less 外层类 >>> 想要修改类名 {

CSS文章/教程

【css】svg修改图标颜色(css动态修改svg背景颜色)

修无生 修无生 发表于2024-04-14 浏览5964 评论0
项目中使用了大量的svg图标,一开始只是导入直接使用,直到产品提出要根据条件修改图标的颜色 svg教程||菜鸟教程 可以简单看下教程了解下svg SVG 意为可缩放矢量图形,SVG 使用 XML 格式定义图像。 导入项目的svg图标大概是这样 有个path路径,并且有类名 在style中有个fill对应的颜色就是svg的图标颜色 关于这个fill属性,大概的解释是fill 属性设置形状内的颜色 需要改颜色的话,要在svg图标的内部,把这个类名改成这样 .st0{fill:cur

CSS文章/教程

Uniapp商城项目【详细笔记文档】(基于uniapp的商城项目)

平安喜乐 平安喜乐 发表于2024-04-13 浏览6167 评论0
前言 Uniapp商城项目【详细笔记文档】 持续更新中… 🥇个人主页:@MIKE笔记 🥈来自专栏:Web前端 🔰技术教程 🔰数据结构 ❗【Uniapp商城项目】开发过程中遇到的bug问题汇总❗ 一、创建项目和引入文件 1.1 通过hbuilderx编辑器创建一个默认的uni-app项目(如图1——图2) 1.2 创建目录结构(如图:3) 1.2.1 在common目录中创建文件:common.css 注:common.css为全局c

CSS文章/教程

CSS的hover属性(css hover属性)

刘星 刘星 发表于2024-04-11 浏览5687 评论0
1.hover的定义 :hover在鼠标移到链接上时添加的特殊样式 :hover适用于任何元素 2.hover的使用方法 用法1:控制自身的样式 鼠标悬浮在元素上改变元素样式,改变本身的背景颜色,例如:         用法2:通过hover控制其他块的样式 (1)控制子元素的样式 : ‘>’ 控制子元素,子元素选择器使用大于号">"做为连接符 子元素选择器只能选择作为某元素子元素的元素 例如:item是父元素,第一个p是其子元素,所以son的字体会标红.(注

CSS文章/教程

什么是媒体查询?(什么是媒体查询,其作用是)

Frankiefang Frankiefang 发表于2024-04-10 浏览26051 评论0
1. 什么是媒体查询 媒体查询(Media Query)是CSS3新语法。 使用@media查询,可以针对不同的媒体类型定义不同的样式 @media可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果手机、Android手机,平板等设备都用得到媒体查询 2. 语法规范 @media mediatype and|not|only (media feature){ css-code; }

CSS文章/教程

1 x web前端开发初级理论答案 解析(一) (1 xweb前端初级试题)

25013415 25013415 发表于2024-04-10 浏览6468 评论0
目录 一、单选题(每小题2分,共30小题,共60分) 二、多选题(每小题2分,共15小题,共30分) 三、判断题(每小题2分,共5小题,共10分。在每小题后对应括号内填入判断结果,正确的选项填写“√”,错误的选项填写“×”) 一、单选题(每小题2分,共30小题,共60分) 1、在HTML中,(  C  )用来表示特殊字符引号 A、® B、         ©             C、"            D、&nbs 2、下面关于文件路径的说法错误的是(