必须掌握的前端基础知识, 什么是浮动?
看浮动前,先学几个前面文章补充的:
圆角边框原理
border-radius:10px (radius半径)10px 半径值,越大越圆
border-radius:50% 百分比
正方形是宽度和高度的一半就是圆形
2024年11月19日
必须掌握的前端基础知识, 什么是浮动?
看浮动前,先学几个前面文章补充的:
border-radius:10px (radius半径)10px 半径值,越大越圆
border-radius:50% 百分比
正方形是宽度和高度的一半就是圆形
2024年11月19日
这篇文章介绍了如何使用纯CSS实现两个小球前后绕圈切换的Loading特效。这个特效可以用在网页的加载过程中,使用户等待的时间更加有趣和轻松。
使用CSS3的@keyframes规则,通过不断改变每个小球的位置,来实现前后绕圈切换的效果。同时,使用了CSS的transform属性来控制小球的旋转和移动。
2024年11月19日
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
在学习盒子模型之前,先来看一个生活中的例子。假如墙上排列着几幅画。对于每幅画来说,都有一个边框,在英文中称为border;每个画框中,画和边框通常都会有一定的距离,这个距离称为内边距,在英文中称为padding;每一幅画间也不是紧挨着的,也存在一些距离称为外边距,在英文中称为margin。
2024年11月19日
作者:前端进阶者来源:前端进阶学习交流
我们经常在网页上 ,游戏界面加载时会看到加载进度条的效果,我们往往会以为这些加载进度条的效果,很难实现。
2024年11月19日
要了解一个新知识我们可以从三个方面入手:是什么,有什么用,怎么用。下面我们就从这三个方面进行讲解Reveal.js
它是一个专门用来做 HTML 演示文稿的框架,通俗的讲它是网页版的ppt,使用浏览器进行播放。
使用它可以用网页做出酷炫的展示内容,不会编程看完后也可以做出炫酷效果哦。。。
2024年11月19日
作者:MR.
Mapbox GLJS是一个JavaScript库,使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能,MapboxGL能够渲染大量的地图要素,拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端,是一款十分优秀的WEBGIS开发框架。
2024年11月19日
一、简介:
FastStone Capture 是一个功能强大、轻量级的但功能齐全的屏幕捕获工具,它让你轻松地捕捉和注释屏幕上的内容,包括窗口、对象、菜单、全屏、矩形/手绘区域,甚至是滚动窗口/网页。你可以选择将捕获发送到编辑器、文件、剪贴板、打印机、电子邮件、Word/PowerPoint 文档或将其上传到您的网站。编辑工具包括注释(文本、带箭头的指示线、突出)、缩放、裁剪、锐化、水印、边缘效果等等。它还允许您记录屏幕活动和声音为高度压缩的视频文件。其他功能包括全局热键、自动生成文件名、支持外部编辑器、颜色选择器、屏幕放大镜和屏幕标尺。
2024年11月19日
今天给小伙伴们分享一款功能超强大的Vue表格组件VxeTable。
vxe-table 基于vue2.x构建的高效table表格组件,star高达2.5K+。支持行/列拖拽、排序筛选、虚拟滚动、懒加载、树形结构、xlsx导入导出、集成第三方库等功能。
2024年11月19日
最近做一个移动端图片页面,母页是一系列预览小图,点击某张小图后,需要满屏显示大图,并可以左右滑动来浏览其他大图;网上找了一下,找到了一个fotorama组件,感觉用起来效果不错,适合在手机端进行大图浏览,现记录一下使用心得。
先从//www.fotorama.io/set-up/下载fotorama包,在页面上导入CSS和JS,另外,fotorama依赖jquery框架,需要把jquery也引入进来;
在head中引入css:
2024年11月19日
html5 播放器默认是可以下载视频的,在默认的控制器(给 video 标签添加 controls 属性开启)上会有下载菜单, 即使不使用默认提示的控制器,右键弹出的上下文菜单中也会有保存视频的选项。