45fan.com - 路饭网

搜索: 您的位置网站首页>标签列表>
  • 2018-02-18 13:30:07怎么样使用ps快速选择+蒙版扣图?
  • 怎么样使用ps快速选择+蒙版扣图? Photoshop实例详细解析使用快速选择+快速蒙版抠图的方法,在使用Photoshop抠图的过程中,大部分同学特别是新手朋友,喜欢使用快速选择来选区域,可是快速选择有一个缺点,就是对于一些不明显的区域很难眩接下来小编就教大家... [阅读全文]
  • 2018-02-14 11:02:31CSS 3中的calc方法分析
  • CSS 3中的calc方法分析 下面一段代码给大家介绍css3中的calc()方法,具体内容如下所示: div style=width:100px; height:50px; background:red; div style=width:100%; height:20px; margin:5px; background:green;/div/div [Ctrl+A 全部选择 提示:您可先修... [阅读全文]
  • 2018-02-12 19:02:28如何设计html5 canvas?
  • 如何设计html5 canvas? 本文介绍了canvas 微信海报分享,分享给大家,具体如下: 随机产生一张图片 拿到微信用户的头像和称呢(自己调后端的接口获取) 把用户头像和称呢和随机产生一张图片合成一张海报 可能上一页用户还有填入的心愿文本也要填入图片中 实... [阅读全文]
  • 2018-02-12 17:43:18html5页面rem布局适配分析
  • html5页面rem布局适配分析 rem 布局适配方案 主要方法为: 按照设计稿与设备宽度的比例,动态计算并设置 html 根标签的 font-size 大小; css 中,设计稿元素的宽、高、相对位置等取值,按照同等比例换算为 rem 为单位的值; 设计稿中的字体使用 px 为单位,... [阅读全文]
  • 2018-02-12 17:32:04操作html5原生拖拽的方法技巧
  • 操作html5原生拖拽的方法技巧 最近的一次项目开发中用到了H5的拖拽功能,由于现有项目使用的是VUE全家桶,使用了vuedragable这个插件,但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究,然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作... [阅读全文]
  • 2018-01-29 19:40:19rel nofollow的详细介绍
  • rel nofollow的详细介绍 nofollow是什么意思? nofollow是html标签的一个属性值,Google推荐使用nofollow,告诉机器(爬虫)无需追踪目标页,是指禁止蜘蛛爬行和传递权重,但是如果你是通过sitemap直接提交该页面,爬虫还是会爬取,这里的nofollow只是当前页对... [阅读全文]
  • 2018-01-25 17:18:54快速开发基于HTMl5网络应用的方法
  • 快速开发基于HTMl5网络应用的方法 今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用,HT 内部封装了一个拓扑图形组件 ht.graph.GraphView(以下简称 GraphView)是 HT 框架中 2D 功能最丰富的组件,其相关类库都在 ht.graph 包下。GraphView 具... [阅读全文]
  • 2018-01-22 15:43:22HTMl meta内容详细介绍
  • HTMl meta内容详细介绍 简介 meta标签是HTML语言HEAD区的一个辅助性标签。 meta常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。 mata 标签包含全局属性(https://d... [阅读全文]
  • 2018-01-22 13:13:48CSS经典布局之sticky footer布局分析
  • CSS经典布局之sticky footer布局分析 何为Sticky footer布局? 我们常见的网页布局方式一般分为header(页头)部分,content(内容区)部分和footer(页脚)部分。当页头区和内容区的内容较少时,页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容... [阅读全文]
  • 2018-01-06 21:45:09HTMK常用的标签中行内元素和块级元素介绍
  • HTMK常用的标签中行内元素和块级元素介绍 块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控... [阅读全文]
  • 2018-01-06 21:23:28使用HTMl5中的picture元素响应式处理图片的方法
  • 使用HTMl5中的picture元素响应式处理图片的方法 响应式设计 所谓的响应式设计,是指在不同的屏幕分辨率,不同的像素密度比,不同宽度的终端设备中,网页布局可以自适应的调整。响应式设计的本意是使原本PC上的网站兼容移动终端,大部分响应式网页是通过媒体... [阅读全文]
  • 2018-01-05 13:29:40HTML5录音的踩坑之旅介绍
  • HTML5录音的踩坑之旅介绍 开篇闲扯 前一段时间的一个案子是开发一个有声课件,大致就是通过导入文档、图片等资源后,页面变为类似 PPT 的布局,然后选中一张图片,可以插入音频,有单页编辑和全局编辑两种模式。其中音频的导入方式有两种,一种是从资源库中... [阅读全文]
  • 2018-01-05 11:40:52css3自定义滚动调样式写法的详细介绍
  • css3自定义滚动调样式写法的详细介绍 本文介绍了css3自定义滚动条样式写法,分享给大家,具体如下: 先简单介绍一下各个属性 ::-webkit-scrollbar :滚动条整体部分,其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button :滚动条两... [阅读全文]
  • 2018-01-04 17:46:01CSS怪异盒模型和标准盒模型的内容介绍
  • CSS怪异盒模型和标准盒模型的内容介绍 在html文档中,每个渲染在页面中的标签都是一个个盒子模型。 盒子模型又分为 : W3C标准的盒子模型 和 IE标准的盒子模型 。 由于目前大部分主流的浏览器支持的是W3C标准盒模型(标准盒模型),也有保留对怪异盒子样式的... [阅读全文]
  • 2018-01-04 15:36:51HTMl5中垂直上下居中的解决方案内容介绍
  • HTMl5中垂直上下居中的解决方案内容介绍 在CSS中,则要吐槽一下,利用margin:0 auto;可以达到水平方向的居中,但是margin: auto 0则无法达到垂直方向的居中。 这里主要还是由于没有对父控件即控件本身进行正确的定位。直接看代码, 首先对父控件需要使用相对... [阅读全文]
  • 2018-01-02 08:48:03通过H5唤起本地app的步骤
  • 通过H5唤起本地app的步骤 前两天接到一个无线的需求,我这个小白可是忙活了好几天在页面上有一个连接, 如果用户安装了APP,则点击打开对应的APP如果用户没有安装,则点击打开对应的设置连接.上网搜索了一下,基本都说可以实现,但是实际情况却不乐观. 当然... [阅读全文]
  • 2018-01-01 08:43:48H5活动页之移动端REM布局适配方法介绍
  • H5活动页之移动端REM布局适配方法介绍 拿到设计稿后,如何进行布局还原? 如果只需要做非精确的响应式设计,那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿,则一般通过缩放来实现。常见方案有基于 viewport 和基于 rem 的缩放方案。 1 viewport... [阅读全文]
  • 2017-12-28 21:33:17HTML5新增标签内容介绍
  • HTML5新增标签内容介绍 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microso... [阅读全文]
  • 2017-12-27 21:48:28怎么样使用CSS3 rem设置字体大小?
  • 怎么样使用CSS3 rem设置字体大小? css3新增了相对单位 rem ,使用rem同em一样皆为相对字体大小单位,不同的是rem相对的是HTML根元素。鉴于很多网友提到了rem,所以我这里就对其中一个总结。 在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈... [阅读全文]
  • 2017-12-26 15:12:40如何使用手机端用rem+scss做适配?
  • 如何使用手机端用rem+scss做适配? rem介绍 rem(font size of the root element)是指相对于根元素(即html元素)的字体大小的单位。 假设根元素的字体大小是10px, 则5rem的大小为 5*10=50px,例如 html{ font-size: 10px;}p{ width: 2rem; /* 2*10 = 20px;*... [阅读全文]
关于我们 | 联系我们 | 友情链接 | 网站地图 | 手机版 | 返回顶部