前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

必须掌握的前端基础知识,什么是浮动?

必须掌握的前端基础知识, 什么是浮动?

看浮动前,先学几个前面文章补充的:

圆角边框原理

border-radius:10px (radius半径)10px 半径值,越大越圆

border-radius:50% 百分比

正方形是宽度和高度的一半就是圆形

纯CSS实现2小球前后绕圈切换的Loading特效 39/117

这篇文章介绍了如何使用纯CSS实现两个小球前后绕圈切换的Loading特效。这个特效可以用在网页的加载过程中,使用户等待的时间更加有趣和轻松。



实现方法

使用CSS3的@keyframes规则,通过不断改变每个小球的位置,来实现前后绕圈切换的效果。同时,使用了CSS的transform属性来控制小球的旋转和移动。

《Web前端技术H5+CSS3》笔记--第六章 盒子模型「云图智联」

所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。

CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。

盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

1.1 盒子模型

在学习盒子模型之前,先来看一个生活中的例子。假如墙上排列着几幅画。对于每幅画来说,都有一个边框,在英文中称为border;每个画框中,画和边框通常都会有一定的距离,这个距离称为内边距,在英文中称为padding;每一幅画间也不是紧挨着的,也存在一些距离称为外边距,在英文中称为margin。

一篇文章教会你使用JS+CSS实现一个简单加载进度条的效果

作者:前端进阶者来源:前端进阶学习交流

一、前言

我们经常在网页上 ,游戏界面加载时会看到加载进度条的效果,我们往往会以为这些加载进度条的效果,很难实现。

不会做ppt?Reveal.js让你复制粘贴另类拉风,简洁优雅又低调



要了解一个新知识我们可以从三个方面入手:是什么,有什么用,怎么用。下面我们就从这三个方面进行讲解Reveal.js


Reveal.js是什么

它是一个专门用来做 HTML 演示文稿的框架,通俗的讲它是网页版的ppt,使用浏览器进行播放。

Reveal.js有什么用

使用它可以用网页做出酷炫的展示内容,不会编程看完后也可以做出炫酷效果哦。。。

快速入门MapboxGL

作者:MR.

Mapbox GLJS是一个JavaScript库,使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能,MapboxGL能够渲染大量的地图要素,拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端,是一款十分优秀的WEBGIS开发框架。

分享一款截图+录像的小软件(PC端)

一、简介:

FastStone Capture 是一个功能强大、轻量级的但功能齐全的屏幕捕获工具,它让你轻松地捕捉和注释屏幕上的内容,包括窗口、对象、菜单、全屏、矩形/手绘区域,甚至是滚动窗口/网页。你可以选择将捕获发送到编辑器、文件、剪贴板、打印机、电子邮件、Word/PowerPoint 文档或将其上传到您的网站。编辑工具包括注释(文本、带箭头的指示线、突出)、缩放、裁剪、锐化、水印、边缘效果等等。它还允许您记录屏幕活动和声音为高度压缩的视频文件。其他功能包括全局热键、自动生成文件名、支持外部编辑器、颜色选择器、屏幕放大镜和屏幕标尺。

超高效 Vue pc端表格解决方案Vxe-Table

今天给小伙伴们分享一款功能超强大的Vue表格组件VxeTable。

vxe-table 基于vue2.x构建的高效table表格组件,star高达2.5K+。支持行/列拖拽、排序筛选、虚拟滚动、懒加载、树形结构、xlsx导入导出、集成第三方库等功能。

fotorama.js库使用详解

最近做一个移动端图片页面,母页是一系列预览小图,点击某张小图后,需要满屏显示大图,并可以左右滑动来浏览其他大图;网上找了一下,找到了一个fotorama组件,感觉用起来效果不错,适合在手机端进行大图浏览,现记录一下使用心得。

先从//www.fotorama.io/set-up/下载fotorama包,在页面上导入CSS和JS,另外,fotorama依赖jquery框架,需要把jquery也引入进来;


在head中引入css:

html5 视频播放防下载的几种方案盘点

自定义原生播放器控制器功能限制下载

html5 播放器默认是可以下载视频的,在默认的控制器(给 video 标签添加 controls 属性开启)上会有下载菜单, 即使不使用默认提示的控制器,右键弹出的上下文菜单中也会有保存视频的选项。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言