- 博客(191)
- 收藏
- 关注
原创 前端必知必会-jQuery 效果-滑动和动画
您甚至可以将属性的动画值指定为“show”、“hide”或“toggle”:示例});});本文介绍了jQuery 效果-滑动和动画的使用,如有问题欢迎私信和评论。
2024-09-24 09:00:00 1285
原创 前端必知必会-jQuery事件方法
网页可以响应的所有不同访问者的操作都称为事件。事件表示发生某事的确切时刻。示例:将鼠标移到元素上选择单选按钮单击元素术语“触发/触发”通常与事件一起使用。示例:“按下按键时触发按键事件”。鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleaveblurunload。
2024-09-23 09:00:00 908
原创 前端必知必会-jQuery介绍和入门
jQuery 是一个轻量级的“少写多做”JavaScript 库。jQuery 的目的是使您的网站更容易使用 JavaScript。jQuery 承担了许多需要多行 JavaScript 代码才能完成的常见任务,并将它们包装成可以用一行代码调用的方法。jQuery 还简化了许多 JavaScript 中的复杂操作,例如 AJAX 调用和 DOM 操作。HTML/DOM 操作CSS 操作HTML 事件方法效果和动画AJAX实用程序。
2024-09-22 09:00:00 567
原创 前端必知必会-Sass 选择器selector函数和自省Introspection 函数
本文介绍了Sass 选择器selector函数和自省Introspection 函数的使用,如有问题欢迎私信和评论。
2024-09-21 09:00:00 939
原创 前端必知必会-Sass String函数和Numeric 数字函数
本文介绍了Sass String函数和Numeric 数字函数的使用,如有问题欢迎私信和评论。
2024-09-20 09:00:00 985
原创 前端必知必会-Sass @mixin 和 @include
mixin 使用 @mixin 指令定义。...以下示例创建了一个名为“important-text”的 mixin:color: red;提示:有关 Sass 中连字符和下划线的提示:连字符和下划线被视为相同。这意味着 @mixin important-text { } 和 @mixin important_text { } 被视为相同的 mixin!本文介绍了@mixin 和 @include的使用,如有问题欢迎私信和评论。
2024-09-19 09:00:00 964
原创 前端必知必会-Sass简介与安装
Sass 代表 Syntactically Awesome StylesheetSass 是 CSS 的扩展Sass 是 CSS 预处理器Sass 与所有版本的 CSS 完全兼容Sass 减少了 CSS 的重复,因此节省了时间Sass 由 Hampton Catlin 设计,由 Natalie Weizenbaum 于 2006 年开发Sass 可以免费下载和使用本文介绍了Sass简介与安装的使用,如有问题欢迎私信和评论。
2024-09-18 09:00:00 736
原创 前端必知必会-响应式网页设计之媒体查询
媒体查询是 CSS3 中引入的 CSS 技术。它使用 @media 规则,仅在特定条件为真时才包含一组 CSS 属性。示例body {本文介绍了响应式网页设计之媒体查询的使用,如有问题欢迎私信和评论。
2024-09-14 21:16:31 870
原创 前端必知必会-响应式网页设计Viewport和GridView
viewport是用户在网页上的可见区域。viewport随设备而变化,在手机上比在电脑屏幕上小。在平板电脑和手机出现之前,网页仅针对电脑屏幕设计,网页通常采用静态设计和固定大小。然后,当我们开始使用平板电脑和手机上网时,固定大小的网页太大而无法适应viewport。为了解决这个问题,这些设备上的浏览器会缩小整个网页以适应屏幕。这并不完美!!但这是一个快速解决方案。许多网页都基于GridView,这意味着页面被分成几列:在设计网页时,使用GridView非常有用。它使在页面上放置元素变得更容易。
2024-09-14 21:05:14 800
原创 前端必知必会-CSS响应式 Flexbox
文章目录CSS 响应式 Flexbox使用 Flexbox 的响应式图库使用 Flexbox 的响应式网站总结CSS 响应式 Flexbox可以使用媒体查询为不同的屏幕尺寸和设备创建不同的布局。例如,如果您想为大多数屏幕尺寸创建两列布局,为小屏幕尺寸(如手机和平板电脑)创建一列布局,则可以在特定断点(以下示例中为 800px)处将 flex-direction 从行更改为列:示例.flex-container {display: flex;flex-direction: row;}/
2024-09-13 08:00:00 759
原创 前端必知必会-CSS响应式网页设计(简介篇)
响应式网页设计可让您的网页在所有设备上都看起来不错。响应式网页设计仅使用 HTML 和 CSS。响应式网页设计不是程序或 JavaScript。本文介绍了CSS响应式网页设计(简介篇),如有问题欢迎私信和评论。
2024-09-13 08:00:00 1648
原创 前端必知必会-CSS 使用 JavaScript 更改变量及媒体查询
本文介绍了CSS 使用 JavaScript 更改变量及媒体查询的使用,如有问题欢迎私信和评论。
2024-09-09 09:00:00 468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人