04 2019 档案

摘要：先来看一张截图 红色框处就是用手机浏览器打开页面时，自动显示出来的头部地址栏和底部工具栏 如果现在有一个需求，用手机浏览器打开页面时，把地址栏和工具栏隐藏，该怎么办呢？ 起初我在度娘找到了好几篇博客都推荐如下方法 <meta name="viewport" content="minimal-ui"> 阅读全文

摘要：谷歌开发者工具已经成为我们必不可少的调试工具，但用了这么久，你是否知道它一些实用的小技巧呢，下面听我娓娓道来 ①：直接用 ctrl + c 复制 HTML 大家都知道，如果要复制下图箭头里所指的代码，可以双击复制或右键选择copy选项里的copy-element 但很多人不知道的是，其实可以直接 c 阅读全文

摘要：今天向往常一样打开ubantu ，却无法正常打开，如下图 意思是无效的环境模块，随意按键继续，按任意键后如下图 折腾了许久问题也没有得到解决，后来在某篇博客中找到了答案 https://blog.csdn.net/leichaoaizhaojie/article/details/52733549 出 阅读全文

摘要：需求：最近有个需求，点击按钮，弹出一个所需银行选项的非全屏弹出层，再点击某银行选项，随即跳转到该银行的app下载界面，如下图所示 注：这里只是引用相关银行的链接，不需要做什么逻辑处理（选择银行后根据你是安卓还是IOS做不同处理） 比如IOS，会提示是否允许跳转到App Store，允许后自动打开你的 阅读全文

摘要：在一般页面制作中，通常我们设置背景会采取以下3种方式 ①：纯色背景 ②：规律图像平铺 ③：渐变背景 这里着重向大家推荐一个在线渐变背景网站：https://uigradients.com/#MangoPulp 该网站可自行生成渐变色，可保存为图片，也可导出为 CSS 样式 对于颜色搭配不太敏感的小伙 阅读全文

摘要：提到Swiper轮播插件，小伙伴们应该不会感到陌生。以前我主要在移动端上使用，PC端使用较少。 注：这里需要注意的是，在PC端和移动端使用Swiper是不同的 官方给的版本有三个，分别是Swiper2，Swiper3，Swiper4 Swiper2官网：https://2.swiper.com.cn 阅读全文

摘要：以前，如果想建立一个自己的网站，需要买域名，买存储空间，对个人来说维护成本比较高。 并且很多人只是想有一个网页展示自己的作品或者展示个人的简历。 在github越来越成熟的现在，直接使用github托管代码，就能实现上述需求。 具体实现步骤1： 首先要去github官网注册一个账号：https:// 阅读全文

摘要：前言： 所有实例均来自《CSS揭秘》，该书以平时遇到的疑难杂症为引，提供解决方法，只能说秒极了，再一次刷新了我对CSS的认知 该书只提供了关键CSS代码，虽然有在线示例代码链接，但访问速度较慢。下面示例代码是我自己写的，若有错误，欢迎指正 注：我会在最开头附上每个相关示例所需CSS属性链接作为补充， 阅读全文

摘要：前言： 所有实例均来自《CSS揭秘》，该书以平时遇到的疑难杂症为引，提供解决方法，只能说秒极了，再一次刷新了我对CSS的认知 该书只提供了关键CSS代码，虽然有在线示例代码链接，但访问速度较慢。下面示例代码是我自己写的，若有错误，欢迎指正 注：我会在最开头附上每个相关示例所需CSS属性链接作为补充， 阅读全文

摘要：需求：现在有一个需求是在移动端让你禁止用户选中文字，你会怎么做呢？如下图 解决方法：使用CSS3新增属性 user-select: none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-sel 阅读全文

摘要：①：如何修改placeholder样式？ input::-webkit-input-placeholder { color: #ccc; font-size: 15px; } 注：其它浏览器适配方案 原文参考：https://webfem.com/post/placeholder ②：设置获取焦点后 阅读全文

摘要：前言： 以前我一直用内置的默认字体给文字设置字体，直到一天UI妹纸给了我下面的字体 当时我是蒙蔽的，这个字体的效果如下 默认字体并无该字体，直接设置是没有效果的，这时就需要用到自定义字体了 下面我来简单介绍一下添加自定义字体的方法 添加自定义字体： ①：首先需要下载所需字体 推荐该下载字体网站：ht 阅读全文

摘要：前言： 当不给父元素设置宽高时，父元素的宽高会被子元素的内容撑开。但当子元素设置浮动属性（float） 后， 子元素会溢出到父元素外，父元素的宽高也不会被撑开，这称之为“高度塌陷”。可以理解为使用浮动后的副作用 那什么是高度塌陷呢？比如下面截图，box1和box2的外层（这里外层指下图箭头所指的紫色 阅读全文