前端哥

Web头歌补充--css3-文本外观样式

2024-01-27【代码】Web头歌补充--css3-文本外观样式。

https://www.qianduange.cn//article/528.html 分类:前端知识

css3及Javascript实现网页视频背景居中并自动拉伸

2024-01-27html用视频作背景并实现随窗口大小自动拉伸并居中_css视频居中

https://www.qianduange.cn//article/526.html 分类:前端知识

原生HTML css JS制作自己的导航主页(前端大作业,源码 步骤详解)

2024-01-27文章目录前言插入背景一、头部1.导航栏2. 优化导航栏3 时间前言插入背景首先设置我们的背景。在body中插入背景即可。index.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Designer" content="LiWei"> <meta name="Description" cont_个人导航页模板源码

https://www.qianduange.cn//article/525.html 分类:前端知识

position:sticky粘性定位的几种巧妙应用与理解。

2024-01-27position:sticky又称为粘性定位,是css3新增的。粘性定位的元素依赖于用户的滚动,在相对定位(relative)与固定定位(fixed)之间进行切换,基于位偏移的值进行偏移。粘性定位可以被认为是相对定位和固定定位的混合元素在跨越特定位偏移之前为相对定位,之后为固定定位。top: 50px;}设置了以上元素,在屏幕范围(viewport)视口滚动到元素top距离小于50px之前,div为相对定位。之后元素将固定在与顶部距离50px的位置,直到viewport视口回滚到50px以内。_position: sticky;

https://www.qianduange.cn//article/522.html 分类:前端知识

css看这一篇就够啦,css基础大全,可用于快速回顾知识,面试首选

2024-01-27css看这一篇就够啦,css基础大全,可用于快速回顾知识,面试首选_css

https://www.qianduange.cn//article/518.html 分类:前端知识

HTML&css Day04 css盒模型

2024-01-27​ 边框就是环绕在标签宽度和高度周围的线条​ 标签和标签之间的距离就是外边距​ 边框和内容之间的距离就是内边距​ 默认情况下背景图片会随着滚动条的滚动而滚动, 如果不想让背景图片随着滚动条的滚动而滚动, 那么 我们就可以修改背景图片和滚动条的关联方式.

https://www.qianduange.cn//article/517.html 分类:前端知识

css 实现文字渐变色

2024-01-271、background 属性设置渐变色2、-webkit-mask图片蒙版效果制作渐变色_css文字渐变色

https://www.qianduange.cn//article/515.html 分类:前端知识

使用css实现鼠标悬浮标题出现动态下划线

2024-01-27文字背景填充满了,无法跟动态图一样那么细。别急,css里还有有个background-size属性,设置一下就可以了。然后把100%改成0 再给div添加:hover鼠标滑过长度成100%,加个过渡动画。到这里发现为什么跟第一张效果图不一样啊,不应该是进去从上面出来然后再下面消失吗。要实现这种效果只需要使用到background这个属性了。这时候就需要再:hover属性里面加入。然后在设置background属性。这时候页面就会出现这样子。今天来实现下面图片的效果。就跟效果图一模一样了。_css鼠标悬浮显示下划线

https://www.qianduange.cn//article/513.html 分类:前端知识

前端原生 css 跑马灯效果,无限轮播(横竖版本,带渐变遮罩,简单实用)

2024-01-27公式:主图张数 * 单个图片宽度(每轮主图只有 4 张,4 张照片为一个周期,如果需要轮播的主图为 7、8、9...张,都一样) *//* 为什么设置 -600px?公式:主图张数 * 单个图片高度(每轮主图只有 4 张,4 张照片为一个周期,如果需要轮播的主图为 7、8、9...张,都一样) *//* 重点:单个图片宽度 200,相当于默认不动可见 3 个 *//* 重点:单个图片高度 150,相当于默认不动可见 1 个 *//* 重点:盒子宽度 600 *//* 重点:盒子宽度 150 */_css走马灯效果

https://www.qianduange.cn//article/512.html 分类:前端知识

「HTML和css入门指南」nav 标签详解

2024-01-27nav 标签是一个重要的标签,用于表示导航链接的区域。在使用 nav 标签时,请注意选择正确的属性和方法、语义化和嵌套,并避免兼容性问题。_nav标签

https://www.qianduange.cn//article/511.html 分类:前端知识

4196条数据,当前405/420

最近搜索

会员中心 联系我 留言建议 回顶部