前端哥

告别固定字体大小:CSS使用相对单位提升网页可访问性和兼容性

2024-02-11在 Web 开发领域中,有很多误解流传,即使它们被反驳了很多次也仍然存在。"外部链接应该总是在新标签页中打开" 就是一个很好的例子。CSS Tricks在将近十年前就对此进行了详细的解释(简而言之:大多数情况下是错误的),但它似乎仍然在某些角落中存在。案例证明:在CSS中,pxem或 rem单位之间没有功能上的区别的想法是一个我一遍又一遍听到的误解,因此我想在这里发帖来解决这个问题。我们要非常清楚:在CSS中使用的单位绝对很重要。并且在设置时font-size应尽可能避免使用 px。_css字体大小兼容高分辨率

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

jQuery05(插件)

2024-02-091.浏览思维导图:2.对象继承$.extent(对象1,对象2)代码展示:3.扩展jQuery类方法:语法:$.extend({方法名:function(){方法体}})4.$.fn.extend案例:全选解释:点击全选框/全选按钮要让复选框全部选中,只要有一个复选框没有选中那么全选框就不能选中5.第三方插件1.概述:jQuery Validate插件为表单提供了强大的验证功能,让客户端表单验证变得更加的简单,同时提供了大量的定制选...

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

基于JQuery的动画案例-手风琴、动态移动展示效果

2024-02-08手风琴效果实际上是一个ul标签下面包含了7个小li标签,然后每一个小li标签下面有两张图片,一个为表面的小图片和被隐藏之后的大图片,然后小图片是以绝对定位显示在小li中,而小li标签是以相对定位排列在ul标签当中;当鼠标进入小li标签时,要让li标签大小变为大图片的大小,同时小图片淡出,大图片淡入,还要注意的是:当前li标签变化时,要还原其他小li标签为小图片的状态。_jquery动画效果实例

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

Javascript知识【jQuery样式操作&案例:jQuery隔行换色】

2024-02-08主要介绍jQuery操作css样式,以及巩固知识的一个案例用jQuery进行隔行换色_jquery隔行变色

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

网页设计(八)HTML5基础与CSS3应用

2024-02-08这是一篇关于HTML5和CSS3的文章。文章详细介绍了HTML5的新特性,如语义化标签和多媒体支持,并探讨了如何正确应用这些特性来构建现代化的网页。同时,文章还深入讲解了CSS3的常用属性和效果,如过渡、动画和阴影,以及如何利用它们为网页增加吸引力和交互性。通过提供实际案例和最佳实践,读者将学习如何将HTML5和CSS3应用到网页设计中,提升设计水平,创造出令人印象深刻的网页作品。

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

HTML5 拖放Drag和drop用法以及事件介绍

2024-02-08这里是一个拖拽小案例的实现_drop事件

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

Vue3中的pinia使用(收藏版)

2024-02-06pinia官方文档Pinia 的优点更多查看文档…在main.js中引入pinia并创建容器挂载到根实例上创建stores文件夹和index.js文件(这个文件以后基本不用管了)在stores文件夹下创建counter.js文件。这个文件就是存有关counter相关的数据。(类似vuex的模块化)defineStore 是需要传参数的,然后再组件中使用:运行效果: 可以用vue3的调试工具看pinia案例需求,点击按钮加一:一个不解构,一个不解构看看区别。运行结_vue3-pinia的使用《三》

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

css3 纯代码案例

2024-02-05本文将带你进入CSS3的奇妙世界,通过纯代码案例展示其强大的设计能力。无需图片,只需CSS3的神奇技巧,你将见证炫丽的效果如何在屏幕上绽放。

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

WEB——CSS知识点总结 实战案例!!!

2024-02-05伪类让你可以将样式应用于元素,不仅与文档树内容有关,也与外部因素有关——如与导航历史有关的(例如,可以用于选择一个按钮,当用户的指针悬停在按钮上时,设置此按钮的样式。是添加到选择器的关键字,用于指定所选元素的特殊状态。作用:可消除鼠标点击下默认的轮廓线,也可更改轮廓样式。函数式伪类还包含一对括号来定义参数(例如,)、与其内容的状态有关的(如某些表单元素上的。,它可以让你知道鼠标是否在一个元素上)。)后跟着伪类名称组成(例如,附上了伪类的元素被定义为。)或者与鼠标位置有关的(如。_css实战

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

静态网页设计—— web期末大作业HTML 动物网页作业HTML HTML制作宠物网页作业css

2024-02-05?文章目录二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货 ❤ 【作者主页——?获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——??毕设项目精品实战案例】# 一、?‍?网站题目? 宠物网页设计 、?保护动物网页、?鲸鱼海豚主题、?保护大象、等网站的设计与制作。二、✍️网站描述?️HTML宠物网页设计,采用DIV CSS布局,共有多个页面,排版_网页设计期末作业

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

462条数据,当前43/47

最近搜索

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