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文章/教程 三种js轮播实现方式详解(看一遍就会)(js实现轮播效果) huahua23 发表于2024-04-15 浏览5906 评论0 js轮播的三种实现方式 1、替换scr(入门级) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .wrapper{ width: 600px; height: 350px; margin: 0 auto; position: relative;
CSS文章/教程 css样式穿透(深度选择器)(css样式穿透) 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文章/教程 【Web前端基础】实验9 表单页面设计(web表单设计实验报告) 애타게샤오닝 发表于2024-04-13 浏览5798 评论0 项目1 参会注册表 页面效果图: 要求: 设计参会注册表页面。 HTML代码: <!DOCTYPE html> <html lang='en'> <head> <meta charset="UTF-8"> <title>参会注册表</title> <style type="text/css"> body{text-align: center;}
CSS文章/教程 flex布局独占一行实现方法(flex多行布局) 用户7794851402 发表于2024-04-13 浏览4739 评论0 目录 一、问题 二、实现方法 三、总结 如嫌繁琐,可直接移步 三、总结 一、问题 1.希望flex布局中某些项 独占一行。比如下面这段代码:希望第一个div独占一行 <div class="flex-box"> <div class="oneline">独占一行</div> <div>box1</div> <div>box2</div> &
CSS文章/教程 网上蛋糕商城JSP页面(网上蛋糕商城jsp页面打不开) 张小黑。 发表于2024-04-12 浏览12023 评论0 首先是一个注册页面: 视图如下: 代码如下: <!DOCTYPE html> <html> <head> <title>用户注册</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=ut
CSS文章/教程 CSS的hover属性(css hover属性) 刘星 发表于2024-04-11 浏览5687 评论0 1.hover的定义 :hover在鼠标移到链接上时添加的特殊样式 :hover适用于任何元素 2.hover的使用方法 用法1:控制自身的样式 鼠标悬浮在元素上改变元素样式,改变本身的背景颜色,例如: 用法2:通过hover控制其他块的样式 (1)控制子元素的样式 : ‘>’ 控制子元素,子元素选择器使用大于号">"做为连接符 子元素选择器只能选择作为某元素子元素的元素 例如:item是父元素,第一个p是其子元素,所以son的字体会标红.(注
CSS文章/教程 登录login页面--css效果(login.css) 魔趣吧【wwwmoqu8com】 发表于2024-04-10 浏览7318 评论0 效果如下 声明:图片与图标来源均来源于堆糖与iconfont阿里巴巴矢量图标库 将图片放置到images中 框架如下 login.html代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login</title> <link rel="stylesheet" h
CSS文章/教程 什么是媒体查询?(什么是媒体查询,其作用是) 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 发表于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、下面关于文件路径的说法错误的是(