前端哥

前端秘法进阶----css中那些不能说的秘密

2024-02-19目录一.css属性计算过程1.使用继承2.使用默认值3.面试题二.css之包含块层叠冲突这一步完成后,解决了相同元素被声明了多条样式规则究竟应用哪一条样式规则的问题。那么如果没有声明的属性呢?此时就使用默认值么?答案并不是,此时还有第三个步骤,那就是使用继承而来的值。例如:```html Lorem ipsum dolor sit amet.``````cssdiv { color: red;}```在上面的代码中,我们针对 div 设置了 color

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

编程笔记 html5&css&js 009 HTML链接

2024-02-17网页有了链接,就可根据需要进行跳转。纸质读物只能根据指示的页码翻页,而网页则可以通过链接直接打开新的页面,这是网页展示信息更为便捷的一个特点。

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

用HTML5 JavaScript实现下雪效果

2024-02-17通过 css 控制背景颜色,JavaScript和 负责实现下雪效果。drawSnowflakes 函数负责绘制雪花,而 moveSnowflakes 函数则更新每个雪花的位置,使它们下落。animate 函数使用 requestAnimationFrame 来创建一个循环,不断绘制和更新雪花,从而实现动态的下雪效果。改进:加入背景图片,并确保图片等比例缩放以适应浏览器窗口的大小。通过 css 控制背景颜色或图片,JavaScript 和 负责动态效果,两者相互独立,

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

html登录页面设计

2024-02-171.html:HTML 是一种标记语言,用于定义网页的结构和内容,包括段落、标题、列表、链接等等。它使用标签来标识不同的内容,并且这些标签可以用于嵌套2.csscss 是一种样式表语言,用于定义网页的样式和布局,例如字体、颜色、间距、位置等等。它可以控制页面的外观和感觉,使网页看起来更加美观和易于使用。与 HTML 不同,css 的作用是在网页上设置样式和布局,而不是定义内容关系:HTML 和 css 是互补的技术,它们必须一起使用才能构建出完整的网页。_html登录页面制作

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

css3渐变进度条效果 ​

2024-02-177.给body标签添加动画效果,实现背景渐变的效果背景颜色,随着滚动条的颜色进行改变,滚动条颜色变化,背景颜色跟随变化.6.整个效果分为三步我们先让它快起来,再让它慢起来,设置背景色渐变,红色-黄色-深黄色。css3渐变进度条效果3.设置css3渐变进度条效果字体样式效果。同步使用关键帧动画,并且时间要保持一致。背景色黑色,背景色动画渐变时常5s。4.设置进度条外矩形块的样式和位置。css3渐变进度条效果。5.设置进度条显示效果。_css渐变进度条

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

css的选择器(超详细)

2024-02-17一、常用的选择器1.元素选择器2.类选择器(class选择器)3.id选择器4.通配符选择器二、群组选择器三、关系选择器1.后代选择器2.子代选择器3.相邻兄弟选择器4.通用兄弟选择器5.案例四、属性选择器五、伪类选择器1.常用的伪类选择器2.否定伪类3.元素的伪类六、伪元素选择器_css选择器

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

【微信小程序】按钮还能这样用?

2024-02-17目录?button 按钮的基本使用?各种神奇的按钮通过type属性指定按钮颜色类型 WXML:注:后期会对按钮添加事件,现在只是给大家演示一下按钮的类型小尺寸按钮 去这里找按钮的样式,然后复制:Buttons - copy css & HTML! (uiverse.io) WXML:WXSS: WXML:WXSS:..._微信小程序按钮

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

css position开启了绝对定位但是下拉弹窗还是被遮挡 o

2024-02-17里面li里设置一个鼠标移动上去显示的div,因为设置了overflow hidden导致不能完整显示。最外层父元素设置溢出隐藏之后,里面的下拉弹窗会被裁剪,即使用了float,加绝对定位。把其注释之后可以完整显示。_自定义的下拉怎么放在父元素之外

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

css】单边阴影、双边阴影、三边阴影

2024-02-17实现阴影,先来了解一下box-shadow这个属性。box-shadow属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果,并用逗号将他们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。好了,准备工作都做好了,那就直接进入主题吧。_css 单边阴影

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

儿童节快乐,基于css3绘制一个游乐场动效界面

2024-02-17一张图不用,纯代码制作?使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Notepad 等)进行运行及修改编辑等操作。整个页面最重要的就是旋转摩天轮的实现,使用css实现旋转主要是运用border和css动画来实现的。所以我们可以先用border画出一个中心点,通过css3动画让box旋转,整个摩天轮也就会实现旋转的效果。再多的讲解也不如实际动手实操,对着代码敲敲改改,可以让我们更加深入地进行理解。3️⃣总结

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

4196条数据,当前363/420

最近搜索

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