文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

nodePPT 网络幻灯片

导出网页或者pdf更容易分享 支持18种转场动画，可以设置单页动画 支持单页背景图片 多种模式：overview模式，双屏模式，socket远程控制，摇一摇换页，使用ipad控制做分享更酷哦~ 可以使用画板...controller=socket 在页面按键【Q】显示控制url的二维码和控制链接（需要隐身窗口打开），手机上可以使用左右touch滑动和摇一摇切换下一页 启用postMessage控制 默认使用...的地址，如果有的话~自动放在页面底部 目录关系：可以在md同级目录下创建img、js、css等文件夹，然后在markdown里面引用，nodeppt默认会先查找md文件同级目录下面的静态资源，没有再找默认的...** 语法的网页PPT nodeppt：https://github.com/ksky521/nodePPT 代码格式化 语法跟Github Flavored Markdown 一样~ 单页动画设置...当离开此页面，就执行outcallback函数 表格实例 ### 市面上主要的css预处理器：less\sass\stylus --- |less| sass | stylus :------

4.3K30

优化-采用静态开源导航页

对导航页的优化或者说放弃自己写导航页想法，直接在github找了一个开源的项目。...开源导航页地址： https://github.com/appexplore/jianavi hexo下next的优化： # hexo下新建一个page hexo new page navigate #...在source下会生成navigate目录，进入该目录，使用wget下载开源导航页后解压并将所以文件都移动到navigate下，同时删除index.md文件 # 进入hexo的配置文件：_config.yml...问题二：背景图片无法加载 这个问题我反复在css与index.html中检查，发现确实没有什么问题，但背景图片死活加载不出来，后来我的解决办法是注释掉css目录下style.css中的背景图片设置项，然后在...index.html中的body头中加入如下： 部署后背景图片正常显示 OVER

2.2K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【工具篇】程序员不愿意写 PPT 是姿势不对？

    访问 https://github.com/hakimel/reveal.js/tree/master/css/theme/source 就可以查看 reveal-md 默认支持的所有主题，你只需要在运行命令时指定主题名字就好...添加背景图片 在上面演示过渡效果时你也许就注意到了，我在某一页上添加了背景图片，添加背景图片也很（四声）简单，只需要在每页 PPT 的开头添加这段代码指定图片就可以 <!...能添加图片，当然也能添加视频 添加背景视频 和添加背景图片类似，同样在每一页的开头添加下面代码： CSS 文件即可，就想这样： reveal-md myTest.md --css theme/doubleCol.css ?...reveal.js ，那你很容易就看出来了， reveal-md 只不过在上层做了 MarkDown 的渲染，这样只需要用基本的 Markdown 语法就可以代替写整个 HTML，大大简化整个过程，不建议书写大量

    1.9K41

    CSS从基础到熟练学习笔记（三）CSS中的5种背景属性(背景颜色、背景图片、固定背景图片等)

    background-image CSS通过background-image属性指定元素的背景图片。...从它的父元素继承这个属性 例如： body { background-image: url("https://img-blog.csdn.net/20161118220122095"); } 背景图片显示方式...background-repeat CSS通过background-repeat属性指定背景图片的展示方式。...如果背景在页顶，则页面拉到页脚时看不到页顶元素也就看不到图片了。 fixed 固定背景背景图片，使用该值时，背景图片会一直在固定位置显示。...local 背景沿元素的内容滚动 initial 将此属性设置为其默认值 inherit 从它的父元素继承这个属性 例如，背景图片一直显示在右上角： body { background-image

    2.3K10

    快速上手：如何开发一个实用的 Edge 插件

    在日常浏览网页时，背景图片能够显著提升网页的视觉体验。如果你也想为自己的浏览器页面添加个性化背景图片，并希望背景图片设置能够持久保存，本文将介绍如何通过开发一个自定义Edge插件来实现这一功能。...开发Edge插件的核心技术栈包括JavaScript、HTML和CSS。...在本示例中，我们将开发一个简单的插件，通过它为网页添加自定义背景图片，并将背景图片URL保存在插件的选项页中，以便下次访问时能够自动加载。...配置options.html options.html页面允许用户在插件的设置中管理背景设置。我们将提供一个简单的界面来显示和更改背景URL。 <!...插件更新 如果以后需要更新插件，可以在后台管理页面上传新版本的插件文件。每次更新需要重新提交审核。

    3.1K10

    Hexo系列(2.0) - NexT主题美化与博客功能增强 · 第一章

    文章启用tags和categories 可能是该版本的NexT主题的关系，在我第一次使用NexT主题时，折腾了很久都没办法让菜单栏里的tags和categories的页面生效，一直显示白屏。...为背景图片设置样式 虽然我们设置好了背景图片，但如果页面的许多元素是不透明的，背景图片可能并不能很好地被看见，所以我们可以对背景图片和其他的页面元素进行设置样式。...，length是显示预览的长度。...这里我们可以通过在文章使用标志来精确控制文章的摘要预览，比如这篇文章就是在这个段落的末尾添加了该标志，所以本文在首页的预览就会显示到这个段落为止。 强烈推荐使用该 in the post to control excerpt accurately. # 不推荐使用自动摘要。 # 请在文章中使用<!

    1.5K20

    用AI快速生成一个网页（名侦探柯南~灰原哀主题网页），适合大学生web期末大作业

    导航区域在导航栏最右侧不超出导航栏，高60px，宽度500px，里面是5个导航菜单项横向排列，每个宽度100px，高60px。...此外，确保将图片文件正确放置在相应的路径中，以便在页面上正确显示图片。成果展示4、创建一个区域，宽1300px高300px，背景是一张图片，内容里面有几行文字，在最左侧50px的地方，上下居中。...main-container 元素设置了宽度、高度和背景图片，并使用相对定位来定位其子元素.content。.content 元素使用绝对定位，将其放置在左侧 50px 并垂直居中。....footer 元素设置了宽度、高度、背景颜色和文本颜色，并使用绝对定位将其放置在主要内容下方 30px 处，且水平居中。请确保将 "image-url.jpg" 替换为你实际的背景图片路径。...成果展示所用的图片素材如下：所有完整代码可在我的GitHub仓库里面取仓库地址如下：https://github.com/SLDragon-cx330/WebMagic-Creative-Collection-of-HTML5

    4.9K10

    精灵图

    而将多张小图放到一张大图上的操作就叫做精灵图，也可以叫做雪碧技术 也叫做css sprite 精灵图的使用 一张大的图片上有很多小的图片，那么如何将这个小的图片拿出来呢？...1.如果我们需要的一张图片在精灵图上，必须要了解这个图片的大小以及在精灵图上的位置 比如：新浪网上的搜索按钮，首先得到它的宽高和位置 2.在页面上将这个图片显示出来，在显示的时候一定要注意我们容器的大小一定要和这个图标的大小一样...比如：我们要html页面上放一个div，宽高为图片的搜索按钮的宽高 3.将精灵图设置为容器的背景图片，并且根据图片所在的位置将背景图片进行平移 制作精灵图 1.精灵图必须是一些小的图片 2.精灵图的多个小图之间一定要留有足够的间隙...3.精灵图的大小一定要大于所有图片中最大的那个 4.完成精灵图以后一定要在精灵图下方留有足够的空隙，方便将来再次添加其它的精灵图 5.如果是页面上一个像素的背景图片不要放在精灵图上面 Iconfont

    1.6K10

    移动web开发问题和优化小结

    PS：过度压缩图片大小影响图片显示效果，可能会使得图片变得模糊，一般来说，品质在60左右就差不多了！...6-4.img还是background 图片的展示方式有两种，一种是以图片标签显示，一种是以背景图片显示！下面写了这两者的区别。...background：以css背景图存在的图片background会等到结构加载完成（网页的内容全部显示以后）才开始加载 也就是说，网页会先加载标签img的内容，再加载背景图片background引用的图片...引入一张图片，那么在这个图片加载完成之前，img后的内容不会显示。而用background来引入同样的图片，网页结构和内容加载完成之后，才开始加载背景图片，网页内容能正常浏览，但是看不到背景图片。...，弹窗的一部分还“留在页面上”。

    2.7K21

    html的css代码_html通用css代码大全

    今天说一说html的css代码_html通用css代码大全,希望能够帮助大家进步!!!...css常用代码大全，html+css代码 html+css可以很方便的进行网页的排版布局，还能减少很多不必要的代码。...：使图片只在水平方向上平铺 repeat-y：使图片只在垂直方向上平铺 如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。...4、背景图片固定 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。...border color 参数 七、列表 list-style-type 列表样式 不同浏览器的列表符可能不相同，可能会影响到网页，所以网页中的列表大多都是由背景图片显示

    15.9K40

    网页端五子棋对战(三）---登录注册前后端交互接口实现（用户模块完）

    -- 下面的这个表示的就是让我们把这个css对于样式的设计引入进来 --> css/commen.css"> 面上面的对话框的实现 --> <!...公共样式设计 下面的这个url里面使用的就是相对路径的写法，我们当前在的是commen.css目录下面，…表示的就是上一级目录，就是我们的css文件夹所在的这个目录，在这个目录层级下面找到这个image...里面的这个jpg图片，作为我们的这个页面的背景图片； .nav表示对于我们的这个页面的导航栏进行样式的设计：例如这个颜色，宽度高度之类的，这些都是公共的样式设计； 1.4css单独样式设计 下面的这个4...2.2注册按钮的实现 1）实现的逻辑和登录基本上就是一致的，就是对于里面的内容进行修改； 2）我们的这个注册成功之后是跳转到这个登录的页面即loginhtml，而不是直接到这个尤其大厅，之后从这个登陆页面到我们的游戏大厅

    37800

    HTMLCSS 第四章

    学习目标 三种样式表的书写位置和优缺点 标签的三种显示模式和转换 复合选择器 背景属性 css的三大特性 样式表的书写位置 样式表可以有三种书写方式，分别分为 内嵌式样式表 外链式样式表 行内式样式表...内嵌式样式表 内嵌式样式表是在html里面嵌套一个style标签，将css语句都写在style标签里面 css语句 外链式样式表 单独创建一个后缀名为.css的文件...，在html文件里面通过link标签引入css文件 css文件的地址" /> 行内式样式表 将样式直接写在标签本身上，以属性的形式存在 <div...背景平铺 背景滚动 背景位置; 如：background: #fff url() no-repeat scroll center center; img和背景图片的区别： img不需要专门写宽高就能够显示在页面上...（除非后期用定位） css的三大特性 继承性 后代元素会继承祖先元素的一些样式 跟文字相关属性可以继承 color font- line- text- 可以继承 块元素可以继承父级元素的宽度，高度不继承

    1.7K20

    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（五）：背景属性；float浮动和position定位；详细分析相对、绝对、固定三种定位方式；使用浮动并清除浮动副作用

    background-image:用于设置背景图片。 注意：如果同时设置背景颜色(background-color) 和背景图片(background-image)，背景颜色会被背景图片覆盖。...background-repeat:用于设置对象的背景图片是否平铺(重复显示)。 在指定该属性之前，必须先指定背景图片(background-image) 该属性有4个值。...background-attachment:设置背景图片是随对象内容滚动还是固定。 在指定该属性之前，必须先指定背景图片。...CSS3还可以给元素背景添加多个背景图片。...position 属性控制页面上元素间的位置关系。 display 属性控制页面元素是否显示或者是堆叠还是并排显示。 float 属性提供控制方法。

    54010

    【建议收藏】用AI快速生成一个网页（名侦探柯南~灰原哀主题网页），适合大学生web期末大作业

    导航区域在导航栏最右侧不超出导航栏，高60px，宽度500px，里面是5个导航菜单项横向排列，每个宽度100px，高60px。...此外，确保将图片文件正确放置在相应的路径中，以便在页面上正确显示图片。....main-container 元素设置了宽度、高度和背景图片，并使用相对定位来定位其子元素.content。.content 元素使用绝对定位，将其放置在左侧 50px 并垂直居中。....footer 元素设置了宽度、高度、背景颜色和文本颜色，并使用绝对定位将其放置在主要内容下方 30px 处，且水平居中。 请确保将 "image-url.jpg" 替换为你实际的背景图片路径。...成果展示 上述所有代码的效果展示 所用的图片素材如下： 所有完整代码可在我的GitHub仓库里面取 仓库地址如下：https://github.com/SLDragon-cx330/WebMagic-Creative-Collection-of-HTML5

    4.2K10

    Web - CSS3浮动定位与背景样式

    BFC规范与浏览器差异BFC,(Box Formatting Content 块级格式化上下文)是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。...一个盒子不设置height，当内容子元素都浮动时，无法撑起自身，原因是这个盒子没有行成BFC。...背景图片css中使用background-image属性用来设置背景图片，图片路径要写到url圆括号中，可以是相对路径，也可以是http://开头的绝对路径。...css精灵：将多个小图标合并制作到一张图片上，使用background-position属性单独显示其中一个，这样的技术叫做css精灵技术，也叫作css雪碧图。...css精灵可以减少Http请求数，加快网页显示速度。缺点也很明显：不方便测量、后期改动麻烦。

    84110

    移动端开发总结

    PS：过度压缩图片大小影响图片显示效果，可能会使得图片变得模糊，一般来说，品质在60左右就差不多了！...6-4.img还是background 图片的展示方式有两种，一种是以图片标签显示，一种是以背景图片显示！下面写了这两者的区别。...background：以css背景图存在的图片background会等到结构加载完成（网页的内容全部显示以后）才开始加载 也就是说，网页会先加载标签img的内容，再加载背景图片background引用的图片...引入一张图片，那么在这个图片加载完成之前，img后的内容不会显示。而用background来引入同样的图片，网页结构和内容加载完成之后，才开始加载背景图片，网页内容能正常浏览，但是看不到背景图片。...，弹窗的一部分还“留在页面上”。

    3.4K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券