E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
css浮动
【vue3+ts+vant】上传图片
使用van-upload组件,进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定,支持选择图片后触发函数,支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式s
css
lisa带你捕蟑螂
·
2024-09-07 00:54
vue.js
前端
typescript
css
deep深度选择器 vue2/vue3使用
vue2/deep/>>>::v-deepvue3:deep(inner-selector){}
saunte
·
2024-09-06 22:46
vue.js
css
scss
使用
CSS
、JavaScript、jQuery三种方式实现手风琴效果
我试着用
css
、js、jQuery三种方式实现了这种效果,最终效果差不多,美中不足的是,
css
方式当鼠标离开后,会恢复到初始状态,也就是显示第一张大图片的状态。
蒲公英1001
·
2024-09-06 22:44
javascript
css
jquery
css
-深度选择器-vue2
/deep/伪类在Vue2.x中是一个被废弃的特性,并且在Vue3.x中已经移除。如果你正在使用Vue2.x,那么在某些情况下,/deep/伪类可能仍然有效,但不建议使用,因为它不是一个官方推荐的解决方案,并且在将来的版本中可能会被彻底移除。相反,如果你想要修改Vue组件内部的样式,可以考虑使用以下几种方法:使用深度选择器:在Vue组件中,你可以使用>>>或::v-deep来代替/deep/。例如
"*smile*"
·
2024-09-06 22:14
前端
javascript
html
CSS
Vue3深度选择器
Vue3TypeScriptViteVant1.在template中的布局2.当我们在style标签中需要改变vant组件的样式时,需要使用到深度选择器背景:scope样式私有化,避免样式冲突原理:在
css
不叫虎子
·
2024-09-06 22:42
CSS
css
前端
html
Vue2、Vue3中
CSS
样式穿透
Vue2一、箭头三剑客(原生
css
)>>>.类名>>>.类名{样式}二、(sass、less中):/deep//deep/.类名{样式}三、(sass、less中):
lsy1234565
·
2024-09-06 22:41
css
前端
javascript
vue中的
css
深度选择器
在Vue.js项目中,尤其是在使用组件化开发时,我们时常需要修改组件内部的样式,但Vue的样式封装特性(如)会阻止外部样式直接作用于组件内部。为了应解决这个问题,Vue社区引入了深度选择器(也称为穿透选择器或阴影穿透选择器),让我们能够跨越组件的封装边界,对内部元素进行样式定制。解决办法一:由于scoped属性的防渗透作用,添加的样式不会生效,将scoped属性去掉,样式生效了.这种写法是作用到全
呼叫6945
·
2024-09-06 21:37
vue基础
javascript
开发语言
vue
CSS样式穿透
350页前端校招面试题直击大厂:前端基础、前端核心、计算机基础、项目、Hr面
**1.HTML2.
CSS
3.前端基础4.前端核心5.前端进阶6.移动端开发7.计算机基础8.算法与数据结构9.设计模式10.项目11.职业发展12.Hr面**正文HTML1.浏览器页面有哪三层构成,分别是什么
2401_86400095
·
2024-09-06 13:37
前端
CSS
笔记
8.201.层级具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面。注意:如果两个定位元素重叠,没有指定z-index,最后定位在HTML代码中的元素将被显示在最前面。有三个特征:1.元素的定位与文档流无关,所以它们可以覆盖页面上的其它元素2.z-index属性指定了⼀个元素的堆叠顺序(哪个元素应该放在前面,或后面)3.⼀个元素可以有正数或负数的堆叠顺序2.透明度透明度有两种表示方法,分别是:1
陈两全
·
2024-09-06 11:22
css
笔记
前端
CSS
笔记
8.131.列表样式列表样式是指写在li标签上面的样式控制,他有三个属性和一个综合属性,分别是1.list-style-type2.list-style-position3.list-style-image4.list-style(综合属性)1.1.list-style-typelist-style-type有五个属性值,分别是1.默认值:disc(实心圆)2.circle(空心圆)3.squar
陈两全
·
2024-09-06 11:22
css
笔记
前端
js介绍,js基本语法
前端三大块1、HTML:页面结构2、
CSS
:页面表现:元素大小、颜色、位置、隐藏或显示、部分动画效果3、
给脸别傲_5274
·
2024-09-06 09:21
2024年刚刚翻新前端vue面试题
指令:用于更新标签包含的文本,它的作用跟双大括号效果是一样的v-html指令:绑定一些包含html代码的数据在视图上v-show指令:指令的取值为true/false,分别对应着显示/隐藏,改变的是元素
css
江湖二哥
·
2024-09-06 00:14
面试题
前端
vue.js
javascript
Web前端最新2024 跳槽涨薪必不可少面试通关宝典 ——
css
篇(1),Web前端面试题初级
结尾正式学习前端大概3年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】取消盒子的
2401_84433769
·
2024-09-05 23:38
程序员
前端
面试
学习
【
CSS
】
CSS
之&旋转&动画
目录iconfont图标的使用进入https://www.iconfont.cn位移旋转转换原点缩放位移&旋转&缩放注意点渐变色动画关键帧鼠标经过暂停逐帧动画多组动画多组动画iconfont图标的使用进入https://www.iconfont.cn添加完成iconfont图标之后点击添加至项目,在项目中就可以看到添加的图标常用的有三种方法,第一种下载至本地第二种生成在线代码复制到相应的文件内第三
Pixel0216
·
2024-09-05 20:18
CSS
css
动画
css3
CSS
选择器的命名规范
1.模块化命名例如:与布局相关的样式以“g”为开头。如“g-content”和“g-header”;与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”;与元件相关的样式以“m”为开头。如“m-dropMenu”和“m-slider”;与状态相关的样式以“s”为开头。如“s-current”和“s-selected”;与工具相关的样式以“u”为开头。如“u-clearfix”
前端_小智
·
2024-09-05 20:17
HTML
css
不换行省略号 没作用,flex布局下,
css
设置文本不换行时,省略号不显示的解决办法...
大致是有一个main容器是flex布局,左边一个logo固定宽高,右边content动态宽度。anameainfoLoremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercit
weixin_39779739
·
2024-09-05 20:47
css不换行省略号
没作用
CSS
选择器
目录1、基本选择器1)标签选择器2)id选择器3)类选择器4)通配选择器2、交集选择器3、派生选择器1)后代选择器2)子元素选择器3)兄弟选择器4)邻居选择器4、属性选择器1)简单属性选择器2)具体属性选择器3)子串属性选择器5、伪类选择器1):first-child和:last-child2):nth-child(n)3)状态伪类6、伪元素选择器7、结构伪类选择器1、:root2、:not3、:
Mr.蔬菜
·
2024-09-05 20:45
css
css3
前端
在
css
中选择器失效问题解决方法
今天写前台的时候发现一个问题,我的
css
文件中id选择器失效了,前台页面F12控制台中也没有对应的
css
内容,很是奇怪,内容是这样的:html文件中:
css
文件中:前台:那,真的是空空如也哈,后来找了下资料
星星也会数人类嘛
·
2024-09-05 20:15
css
选择器失效
css
常见选择器
CSS
是什么?
CSS
,即层叠样式表(CascadingStyleSheets),能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果.能够做到页面的样式和结构分离。
灵魂清零
·
2024-09-05 19:42
css
css
前端
CSS
前端学习(online tuorials)
index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件,当鼠标在页面上移动时,触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数,用于处理视差效果functionparallax(e){//使用querySelectorAll选择
憨憨憨憨憨到不行的程序员
·
2024-09-05 19:11
CSS学习(online
tuorials)
前端
css
学习
纯
CSS
实现图片预加载效果
不要再受Javascript预载的束缚了吧,用
CSS
你就可以毫不麻烦的预载你的图片。为什么使用预载你为什么会考虑使用预载呢?
load_life
·
2024-09-05 19:11
前端开发
CSS3
css
javascript
浏览器
image
url
webkit
前端练习小项目——视觉冲击卡片
前言:前言:在学习完HTML和
CSS
之后,我们就可以开始做一些小项目了,本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN
秋刀鱼不做梦
·
2024-09-05 18:05
CSS
前端
学习
html
css
css3
vscode
CSS
前端学习(online tuorials)旋转动画
index.htmlcourse2style.
css
*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content
憨憨憨憨憨到不行的程序员
·
2024-09-05 18:04
CSS学习(online
tuorials)
前端
css
学习
认识H5标签和
CSS
3新特性
https://developer.mozilla.org/zh-CN/docs/web/guide/HTML/HTMLHTML5新标签语义化标签视频标签音频标签input新标签及新属性
CSS
3新选择器属性选择器结构伪类选择器此前学习过的
8c2e58e492bd
·
2024-09-05 17:51
nginx 解决vue打包后显示404静态图片无法显示的问题
//刷新后显示404location/{try_files$uri$uri//index.html;}//静态图片或者
css
js文件目录location/assets/{root/assets;}
初遇你时动了情
·
2024-09-05 15:44
nginx
vue.js
前端
前端之
CSS
布局
一、前言我们来继续更新
CSS
的内容,往期的内容可以到前端专栏里去看,也可以点下面的链接HTML常用内容:https://blog.csdn.net/AWSDN/article/details/136112174spm
Violet永存
·
2024-09-05 14:08
前端
css
前端
linux的webkit桌面应用,使用node-webkit构建桌面应用程序
借助HTML5+
CSS
3的普及,加上一些开箱即用的
CSS
框架(如bootstrap,foundation等)支持,人们已经可以非常
萌萌爱恋
·
2024-09-05 12:26
规则7 — 避免
CSS
表达式
CSS
表达式的问题在于对其进行求值的频率比人们期望的要高,它们不止在页面呈现和大小改变时求值,当页面滚动、甚至用户鼠标在页面上移动时都要求值。
__越过山丘__
·
2024-09-05 12:58
Ajax实现一个简单的文件上传进度条
1.HTML代码文件名:2.
CSS
样式.progress-div{width:100%;height:20px;background-color:#ffffff;}#progress{height:20px
niceLiuSir
·
2024-09-05 12:54
ajax
okhttp
前端
前端之路,与大师同行:不容错过的技术大牛博客精选
以下是一些具体的建议:(一)前端程序员应该如何提升自己一、技术能力的提升深入学习基础技术:HTML、
CSS
、JavaScript:作为前端开发的基础,必须深入理解和掌握。
芭拉拉小魔仙
·
2024-09-05 08:55
程序员成长札记
前端
实现带有弧度的左右边角
像这样的圆角要怎么实现从结构上来看是用before和after来实现的对激活项进行设置一个定位对before进行一个相对定位放在左下角重点就在于这个背景
css
的设置进行一个圆形的渐变把圆心定在左上角这个圆形的背景就是透明的剩下的就是这个
kilito_01
·
2024-09-05 05:38
css
CSS
和S
CSS
有什么区别?
我非常了解
CSS
,但是对Sass感到困惑。S
CSS
与
CSS
有什么不同?如果我使用S
CSS
而不是
CSS
,它会一样工作吗?.
css
萨斯—Urvi_204来源4S
CSS
是
CSS
的超集。
上河雨滴
·
2024-09-05 02:15
css
scss
前端
s
css
和
css
区别
S
CSS
和
CSS
是类似的技术,S
CSS
是一个
CSS
预处理器,可以看作是一种特殊的
CSS
语法。它可以通过提供一些附加功能和特性,使得开发者在编写
CSS
样式时更加方便和高效。
m0_63835647
·
2024-09-05 01:13
css
scss
前端
其他面试题
组件生命周期二、条件编译在工具中,打if出现的条件编译例如: 这是h5端 性能优化面试题一、加载优化1.http请求能不能减少(能不能合并)2.图片的雪碧图3.script标签位置4.link标签(
css
奈何我是个菜鸡
·
2024-09-05 01:43
面试
2019-06-01课后作业
HTML20190531作业
CSS
.bth:link{display:block;width:42px;height:30px;background-image:url(img/4.png);background-repeat
三腿M
·
2024-09-05 00:22
css
实现瀑布流布局
瀑布流布局也可以通过纯
CSS
来实现,使用
CSS
的column属性可以实现多列布局。
茶卡盐佑星_
·
2024-09-04 23:58
css
前端
CSS
与 S
CSS
区别
前言在学习前端开发的时候,看见很多代码都是定义样式的时候,都是用.s
css
格式为什么采用这种格式,为什么还可以定义这种关键字(!important等等)。
HiCheer-O
·
2024-09-04 22:25
前端
css
css
scss
前端
CSS
和S
CSS
之间的区别
CSS
是用于网页开发的样式语言。它可以帮助设计师为网页设置样式,使其更具吸引力。
CSS
是Web开发三个基本部分之一,其他两个是JavaScript和HTML。
ac-er8888
·
2024-09-04 22:53
前端
css
javascript
html5
css3
less
stylus
探索
CSS
、Sass 和 S
CSS
:区别与应用
在前端开发中,样式设计是不可或缺的一部分,而
CSS
(CascadingStyleSheets)、Sass(SyntacticallyAwesomeStylesheets)和S
CSS
(Sassy
CSS
)是其中最常用的三种工具
ptw-cwl
·
2024-09-04 22:23
前端
css
sass
scss
CSS
学习1
CSS
前言一、类选择器二、id选择器三、通配符选择器四、伪类选择器1.链接伪类选择器2.结构(位置)伪类选择器3.目标伪类选择器前言
CSS
:层叠样式表样式规则:选择器{属性:值;属性:值;}一、类选择器类选择器
乌鸦不像写字台
·
2024-09-04 22:53
css学习
css
学习
前端
s
css
和
css
的区别 s
css
变量和
css
变量的区别
s
css
和
css
的区别语法差异:
CSS
使用大括号{}和分号;来定义样式规则和属性。S
CSS
使用了Sass的语法,它允许使用类似编程语言的结构,如变量、嵌套规则、混合(mixins)和继承等。
我有一棵树
·
2024-09-04 21:50
css
scss
前端
css
改变鼠标样式
要在网页上改变鼠标的样式,你可以使用
CSS
的cursor属性。这个属性允许你为网页上的不同元素设置不同的鼠标指针样式。
李是啥也不会
·
2024-09-04 21:48
css
前端
css
中设定长度的例外情况
看下面的例子:div{font-size:40px;width:10em;/*400px*/height:10em;border:solid1pxblack;}p{font-size:0.5em;/*20px*/width:10em;/*200px*/height:10em;border:solid1pxred;}span{font-size:0.5em;width:10em;height:10e
2301_79698214
·
2024-09-04 21:17
css
前端
CSS
3换装达人原理
引言换装或者是换皮肤是常见的行为,我们可以先看下效果:选择不同的颜色,就可以秒变人物服装的颜色,原理其实非常简单实现步骤主要分为三步,即素材的提供、布局样式、动态控制图片提供提供两张图片,一张人物图片,一张除衣服外其余透明的图片布局和样式布局主要是元素的定位,两张图片的叠加,需要用到相对定位和绝对定位/**底图(人物)*/.person{width:256px;height:512px;backg
Jinuss
·
2024-09-04 21:16
CSS
css3
前端
uniapp
css
样式盒子上面的箭头样式
在uniapp中,要创建一个盒子上面的箭头样式,可以使用
CSS
的伪元素::after或::before来实现。以下是一个简单的例子,展示了如何使用
CSS
创建一个向上的箭头。
m0_69254007
·
2024-09-04 19:36
uni-app
css
前端
css
spacing设置间距
word-spacing属性用于设置单词之间的间距。它只影响英文单词之间的间距,对中文无效。例如,设置word-spacing:30px;将在每个单词之间增加30像素的间距。这个属性可以增加或减少字与字之间的空白,并且允许负值,即减少字与字之间的间距。letter-spacing属性用于设置字母之间的间距,适用于中文和英文。例如,设置letter-spacing:10px;将在每个字母之间增加10
时间不说谎
·
2024-09-04 18:32
css
前端
css
radius
在
css
中,radius属性用于设置元素角落的圆角半径,以创建更美观的现代化外观。属性值包含绝对长度或百分比,或继承父元素的半径。
时间不说谎
·
2024-09-04 18:02
css
前端
记录一下
CSS
中calc()函数的坑
记录一下
CSS
中calc()函数的坑calc()中的运算符号前后必须加上空格。calc()中除法的右边必须为数字,不能带单位。在乘法中,至少有一个参数必须是数字。
JoshuaLi_
·
2024-09-04 18:00
前端
css3
css
3属性linear-gradient兼容ie9问题
1.在vue-cli构建的商城项目中发现background-image:linear-gradient(toright,#ff0067,#ff5698);在ie9中失效,无法显示任何内容。解决方案:IE可以依靠滤镜实现渐变。startColorstr表示起点的颜色,endColorstr表示终点颜色。GradientType表示渐变类型,0为缺省值,表示垂直渐变,1表示水平渐变。filter:p
曲米茶
·
2024-09-04 18:44
css
中calc属性不起作用
css
中calc属性不起作用1、格式错误calc属性作用不起作用是因为书写格式错误,正确的格式需要在运算符的两边留有空格。
缘如风
·
2024-09-04 18:30
疑难杂症
calc
css3
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他