HTML5与CSS3
文章平均质量分 93
码喽的自我修养
某大型国企资深软件开发工程师,信息系统项目管理师,CSDN优质创作者,阿里云专家博主,华为云云享专家,分享前端后端相关技术与工作常见问题,如有需要请站内私信或者联系任意文章底部的的VX名片(ID:CSDNshangwu)
展开
-
js — 在script中修改元素样式
js — 在script中修改元素样式的七种方式原创 2024-11-25 05:45:00 · 1057 阅读 · 19 评论 -
flex必看技巧:flex为1的父元素被子元素挤出屏幕怎么办?
在前端开发中,我们经常会遇到这样的布局:在一个容器中,排布有两个元素,A元素宽度固定,B元素宽度自适应。我们使用flex: 1的属性让自适应的元素占满了剩余空间,在一些普通场景中,上述用法是完全没有问题的,但是,当这个自适应元素(父元素)内部有子元素且子元素宽度大于父元素时,问题就出现了。原创 2024-11-20 04:30:00 · 910 阅读 · 57 评论 -
Vue3/2 组件或元素宽高比固定时基于宽度自适应的一种思路
我们在写Vue组件或者引入背景图时,我们希望当组件的父级宽度一定时,组件能根据固定的宽高比例进行自适应,或者一些背景的自适应,以提高组件的复用性。原创 2024-10-30 06:00:00 · 891 阅读 · 23 评论 -
CSS 实现文本溢出省略号显示,含单行与多行文本溢出
CSS 实现文本溢出省略号显示,含单行与多行文本溢出。单行文本溢出使用white-space: nowrap;、overflow: hidden;和text-overflow: ellipsis;,而多行文本溢出则需要结合-webkit-line-clamp和-webkit-box属性。根据具体的布局需求,还可以结合 Flexbox 等布局方式来实现。原创 2024-09-25 08:35:37 · 763 阅读 · 15 评论 -
HTML5 Video标签的属性、方法和事件汇总,以及常用视频插件推荐
HTML5标签是一个用来嵌入视频内容的标签,它有一系列的属性和API方法用于控制视频的播放、显示和交互。以下是一些常用的属性和事件:原创 2024-09-23 14:58:08 · 2617 阅读 · 32 评论 -
详细扒一扒css的背景渐变(通俗易懂)
CSS 渐变使您可以显示两种或多种指定颜色之间的平滑过渡。CSS 定义了两种渐变类型:线性渐变(向下/向上/向左/向右/对角线)。径向渐变(由其中心定义)。下面来详细看看吧~原创 2024-08-21 09:04:44 · 6002 阅读 · 97 评论 -
css -- box-shadow阴影属性的复合写法及高级用法,超详细!
大家好,我是码喽的自我修养!今天给大家分享css3中的box-shadow属性的复合写法及高级用法!并提供具体代码帮助大家深入理解,彻底掌握!原创 2024-07-26 08:45:03 · 8239 阅读 · 37 评论 -
冷门的grid网格布局,却能解决flex产生的bug,gird布局详细讲解
针对flex布局最后一行两端对齐产生的间距过大问题,今天给大家分享冷门的grid网格布局,却能解决flex产生的bug,gird布局详细讲解!并提供具体代码帮助大家深入理解,彻底掌握!原创 2024-07-21 08:56:16 · 1267 阅读 · 56 评论 -
vue3中引入、封装和使用svg矢量图的实现示例
大家好,我是码喽的自我修养!今天给大家分享vue3中引入和封装svg矢量图的实现示例!并提供具体代码帮助大家深入理解,彻底掌握!原创 2024-07-18 09:02:51 · 2748 阅读 · 95 评论 -
前端大屏适配方案汇总
【前端可视化】前端大屏适配方案,三种适配方案及各自的优缺点和区别原创 2024-07-12 13:49:00 · 2880 阅读 · 51 评论