css
LXXgalaxy
这个作者很懒,什么都没留下…
展开
-
前端自定义富文本表格
【代码】前端自定义富文本表格。原创 2024-05-20 19:31:09 · 102 阅读 · 0 评论 -
【vue】封装的天气展示卡片,在线获取天气信息
【代码】【vue】封装的天气展示卡片,在线获取天气信息。原创 2024-05-20 19:30:49 · 189 阅读 · 0 评论 -
css各类常用的样式整理
【代码】各类常用的样式。原创 2023-09-11 16:56:42 · 35 阅读 · 0 评论 -
前端效果--旋转雷达效果
【代码】前端效果--旋转雷达效果。原创 2024-05-14 09:30:29 · 200 阅读 · 0 评论 -
display的属性设置为inline-block、inline和block会有什么区别、垂直对齐设置vertical-align详解
这里我希望你认真看一下vertical-align的官方定义及使用标注,你会发现特别说明只有inline和inline-block元素才能设置。display的属性设置为inline-block、inline和block会有什么区别。垂直对齐设置vertical-align。原创 2024-05-10 14:37:42 · 305 阅读 · 0 评论 -
“设置display:block-inline的li或div中添加文字后,导致li或div排版掉落、错位”的原因及解决方法
它允许你在一行内放置多个元素,同时保持对元素宽高、边距(margin)、填充(padding)和边框(border)的控制,就像。元素之间的空白字符(包括空格、换行和制表符)会导致它们之间出现额外的间距。元素垂直相邻时,它们的边距可能会发生叠加。这是 CSS 的一个特性,旨在防止连续的元素边距相加导致的过大间距。官方给出的解释:(笼统的想看就看不看可以拉到底直接看解决办法)看一效果图(啊啊啊啊我想要的不是这个效果啊!元素一样,会受到文本流和行高的影响。元素的高度或边距不匹配,可能会导致内容看起来错位。原创 2024-05-10 14:35:37 · 531 阅读 · 0 评论 -
最新整理的高频前端面试问题大集合【附带答案版】
JavaScript中的原型是指每个构造函数都有一个prototype属性,这个属性是一个指针,指向一个对象,该对象的用途是包含可以由特定类型的所有实例共享的属性和方法。每当定义一个对象(函数也是对象)时,就会生成一个__proto__属性,这个__proto__属性指向的是这个对象的构造函数的prototype,被称为显式原型。原创 2024-04-08 16:00:38 · 1227 阅读 · 0 评论 -
document.documentElement.clientHeight与document.body.clientHeight的区别
scrollHeight: 当元素的子元素高度大于父元素,父元素出现滚动条,此时父元素的clientHeight表示可视的高度,父元素的scrollHeight 表示页面的高度,包括溢出页面被挡住的部分,即其实就是子元素的高度。单位px,只读元素。clientHeight: 表示可视区域高度, 包括padding但不包括border、水平滚动条、margin的元素的高度。offsetHeight:表示可视区域高度,包括padding、border、水平滚动条,但不包括margin的元素的高度。原创 2024-03-22 14:25:18 · 420 阅读 · 0 评论 -
使用background 的url 引入背景图片失效的问题
有人可能会说根目录不行吗,我尝试过是不行的,这还是和css外部样式有关,做一个设想:我们在head里面直接写style可以吗,这样是可行的,但是这样代码的可读性和可维护性不高,所以我还是推荐使用相对路径. ./来引入。就会先转到工程文件目录下,那么就能找到images文件夹,也就能找到我们想要的图片。因为我们一般开发引用的是外部样式表,使用该路径在当前目录下找不到images文件夹,那么也就找不到我们所想要引用的图片。. . /表示的是上一级目录 同理. . /. . /表示的是上上级目录。原创 2024-03-21 10:05:05 · 275 阅读 · 0 评论 -
CSS给图片添加滤镜效果
请注意,滤镜效果可能在不同的浏览器上有所不同,并且在旧版本的浏览器中可能不受支持。为了获得最佳的跨浏览器兼容性,你可能需要使用浏览器前缀(如。属性允许你对元素应用各种图像效果,如模糊、亮度、对比度、饱和度、色调旋转等。属性来给图片添加滤镜效果,包括改变颜色。你可以将多个滤镜效果组合在一起,只需在。要改变图片的颜色,你可以使用。在 CSS 中,你可以使用。属性中用空格分隔即可。)或使用第三方库,如。原创 2024-03-20 09:43:17 · 354 阅读 · 0 评论 -
用css滤镜做颜色不同的数据卡片(背景图对于css滤镜的使用)
【代码】用css滤镜做颜色不同的数据卡片(背景图对于css滤镜的使用)原创 2024-03-20 09:42:37 · 307 阅读 · 0 评论 -
用js写的一个抽签系统
资源:https://download.csdn.net/download/galaxyJING/88963447原创 2024-03-14 14:21:26 · 186 阅读 · 0 评论 -
vue中style设置scoped后部分样式不生效
vue中style设置scoped后部分样式不生效原创 2023-03-21 11:52:26 · 5465 阅读 · 1 评论 -
white-space:nowrap详解white-space的用法
特别是标题列表,我们想一行只显示一条标题内容,而有时宽度有限标题文字多了width(宽度)又有限,这样会造成文字自动换行,这个时候我们可以使用white-space样式让他一排显示不换行,为了隐藏超出的文字内容可以再加一个css overflow:hidden样式,就会出现这样一个效果。通常我们使用于强制一行显示内容 通常我们使用white-space:nowrap强制文本文字内容不换行,在对象内一行显示完所有文字内容。white-space语法: white-space : normal nowrap。原创 2024-01-25 09:51:03 · 989 阅读 · 0 评论 -
vue打包后与本地测试样式不同问题,element-ui样式打包部署前后样式不同。
个别文件的样式中<style>未加scope。给<style>加上scope,就好了。原创 2024-01-24 17:24:12 · 815 阅读 · 0 评论 -
灵活绑定样式 vue2
:style="{ color: sideTheme === 'theme-dark' ? variables.sidebarTitle : variables.sidebarLightTitle }"原创 2024-01-12 15:22:57 · 384 阅读 · 0 评论 -
当设置display:inline;时,盒模型的宽度样式失效的解决办法
把display: inline 删了 换成float: left;}后,发现宽度就失效了,但是有需要盒子不换行。当给一个盒子的样式加了。原创 2024-01-04 11:25:48 · 410 阅读 · 0 评论