CSS:overflow溢出显示隐藏

CSS:overflow溢出显示隐藏

前端 CSS 经典:弧形边框选项卡

准备一个元素,将元素左上角,右上角设为圆角。然后要在左右两边拼接弧形,我们可以写两个伪元素那怎么将这两个元素做成弧形呢,可以使用渐变。这下我们有了弧形,那怎么做成效果图的样式呢,最后我们可以使用旋转。

Selenium(7):元素定位_css_selecto定位

CSS是一个被用来描述如何在屏幕等处渲染HTML和XML文档的语言。CSS使用选择器来为文档中的元素绑定样式属性。选择器(selector)是用来在树中匹配元素的模式,选择器对HTML和XML进行了优化,被设计用来在注重性能的代码中执行。Selenium官网的Document里极力推荐使用Css_s

VUE3开箱即用的音频播放组件(基于原生audio)

注:我是使用unocss语法来编写css 如果项目没有搭载unocss 将其相应的转换为css即可。

Cursor:你的前端“超能力”助手,一句话搞定HTML、CSS、JS!

使用Cursor,你将能够更专注于创意和设计的实现,而无需被繁琐的代码编写所困扰。快来尝试Cursor吧,让它成为你前端路上的得力助手,让你的工作更加高效、轻松和有趣!它融合了GPT-4的AI智慧,能听懂你的“心声”,一键将你的创意转化为神奇的HTML、CSS和JavaScript代码。告别繁琐的编

前端必知必会-CSS 渐变Gradients(上)

本文介绍了CSS 渐变Gradients的使用,如有问题欢迎私信和评论。

前端常见的页面自适应布局方案

关于前端自适应布局方案的内容已经说完了,但是我还想说点别的,主要想说一下我们应该学习哪些技术才能让它更加保值。在我看来,越偏向于业务的技术越不容易过时,为什么呢?需求在变,技术一直在变,业务也一直在迭代。前端技术的发展非常快,也涌现出很多的框架(例如 HTML4 到 HTML5 的升级,或者从jQu

html+css前端作业和平精英2个页面(无js)

html+css前端作业和平精英2个页面(无js)有视频播放器等功能效果网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。

[前端]CSS盒子模型&布局

现在主流浏览器使用的是W3C标准规定的盒子模型。

CSS三大特性(继承性,层叠性,优先级)

发生的前提是在嵌套关系下,为父级元素设置css样式时,会将一部分可继承的自动继承到子元素上,就相当于俗话说的子承父业★ 文字颜色可以继承★ 文字大小可以继承★ 字体可以继承★ 字体粗细可以继承★ 文字风格可以继承★ 行高可以继承总结:文字的所有属性都可以继承,一下除外标题标签(h1-h6)无法继承文

超硬核,css动画详细讲解

使用@keyframes规则定义动画的关键帧。关键帧描述了动画在不同时间点的样式。from {/* 动画开始时的样式 */to {/* 动画结束时的样式 */​0% {/* 动画开始时的样式 */50% {/* 动画中间的样式 */100% {/* 动画结束时的样式 */​。

前端:篮球投掷动画

使用 H5 和 CSS3 实现的一个篮球投掷动画。玩法:通过点击篮球所在的绿色(紫色)容器,实现篮球的投掷和回收。

CSS动画之其详细介绍

详细介绍CSS动画的使用方式

html+css 实现左平移背景按钮

给每一个按钮添加一个hover效果,并初始化一个transition过渡动画效果。含具体代码深入理解,彻底掌握!直接看代码,可以一键复制,查看效果。

【CSS入门】第二课 - margin外边距

这一小节,我们说一下margin外边距。怎么理解这个外边距呢,比如小张和小丽站在一起,紧紧排着站。试想一下,如果他俩冬天都穿着羽绒服和夏天穿着短袖,是不是占据的空间会不一样呢。那么回到HTML网页开发商来说,如果两个元素,他们加一些外边距,占的空间也会不一样,而且会使两个元素的距离也变的不一样。下面

前端常见的十种布局方式

前端布局有很多种,各式各样,每个都有它自己适合的应用场景,并不是说主流或者常用好的就是最好的,视情况而定,个人用的比较多的是 flex 布局🤭。

使用 CSS 实现炫酷的特效

在前端开发中,CSS 不仅可以用来设置页面的基本样式,还可以通过一些高级技巧和动画效果,提升用户体验。本文将展示几个常见的 CSS 特效,并通过代码展示如何实现这些效果。

html+css 实现hover中间展开背景

这是一个,hover中间展开背景的效果。附具体代码,深入理解,彻底掌握!直接看代码,可以一键复制,查看效果。

少小白学前端——css篇(flex布局)

其中,采用该样式的元素被称为容器(container),而它的子元素则称为item。容器上默认有两根轴线:水平的主轴(main axis)和垂直的交叉轴(cross axis),子元素item则根据轴线排列。

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈