2019年4月10日

CSS揭秘—透明边框（一）

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

posted @ 2019-04-10 13:34 你不知道的巨蟹阅读(769) 评论(0) 推荐(0) 编辑

CSS揭秘—灵活的背景图（三）

posted @ 2019-04-10 13:31 你不知道的巨蟹阅读(353) 评论(0) 推荐(0) 编辑

2019年4月4日

CSS3禁止用户选中文字——user-select: none;

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

posted @ 2019-04-04 17:24 你不知道的巨蟹阅读(1702) 评论(0) 推荐(0) 编辑

2019年4月3日

input使用小技巧

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

posted @ 2019-04-03 17:40 你不知道的巨蟹阅读(462) 评论(0) 推荐(0) 编辑

2019年4月2日

CSS怎么在项目里引入自定义字体(@font-face)

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

posted @ 2019-04-02 17:13 你不知道的巨蟹阅读(23636) 评论(0) 推荐(1) 编辑

css清除浮动的3种方式

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

posted @ 2019-04-02 14:49 你不知道的巨蟹阅读(656) 评论(0) 推荐(0) 编辑

2019年3月25日

2种不同方式实现背景图里加入文字的简单CSS样式

摘要：如果让你实现下图的样式（图片里面插入文字），你会怎么做呢？我总结了2种方式 ①：用 img src属性直接引入图片 + 定位 ②：用背景图且不使用定位第一种： HTML <div class="download-explain"> <img class="download-explain-img 阅读全文

posted @ 2019-03-25 18:25 你不知道的巨蟹阅读(2608) 评论(0) 推荐(0) 编辑

2019年3月19日

IOS微信点击input弹出输入法，关闭后页面留白解决方案

摘要：场景：IOS用微信点击input框弹出输入法后不管你是输入信息，还是不输入直接点完成关闭输入法，都会导致页面被挤上去后产生留白，从而改变页面布局解决方法：给input添加blur（失去焦点）事件，让页面强制回滚，距离为0，代码如下 $("input").blur(function(){ doc 阅读全文

posted @ 2019-03-19 21:13 你不知道的巨蟹阅读(2080) 评论(0) 推荐(0) 编辑

2019年3月14日

怎么使用zepto.js的tap事件引起的探索

摘要：前言：在使用zepto.js之前，你首先要知道它是什么？为什么要使用它？以及它和jquery有什么区别？ ①：简单来说zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api，可以理解为jquery的精简版 ②：zepto针对移动端删除了大量jQuer 阅读全文

posted @ 2019-03-14 11:24 你不知道的巨蟹阅读(1070) 评论(0) 推荐(0) 编辑

2019年2月18日

JS常用内置方法1——slice()和splice()的区别

摘要：以前还是纯小白的时候，总会搞混JS数组的 slice() 和 splice() 方法。因为这2个方法名字太像了，就差一个字母，语法也有类似之处。现在久了没用，有时候也会忘记，所以做一个总结来区分一下。 slice() slice()定义：从已有的数组中返回你选择的某段数组元素 slice()语法：阅读全文

posted @ 2019-02-18 17:44 你不知道的巨蟹阅读(42977) 评论(2) 推荐(0) 编辑