随笔分类 - h5+c3
摘要：
掘金德灰色页面: filter的grayscale就能实现, 简不简单 filter: grayscale(.95); -webkit-filter: grayscale(.95);
阅读全文
掘金德灰色页面: filter的grayscale就能实现, 简不简单 filter: grayscale(.95); -webkit-filter: grayscale(.95);
阅读全文
摘要：
我们一直在使用该box-shadow属性。box-shadow是一个非常全面的工具，但它不是我们在 CSS 中唯一的影子选项。 代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta http-equiv=
阅读全文
我们一直在使用该box-shadow属性。box-shadow是一个非常全面的工具，但它不是我们在 CSS 中唯一的影子选项。 代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta http-equiv=
阅读全文
摘要：给新手的福利,还是记一下吧.......很简单 <div> <img src="1.jpg" alt=""> </div> div{ width: 100px; height: 60px; display: flex; justify-content: center; align-items: ce
阅读全文
摘要：效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS3
阅读全文
摘要：小程序 和 h5都可以用, 这边就以小程序为例子, 39 左右两边都是 伪类元素 利用html中的data-attr home.wxml (好比 html) <!-- 开通+送他卡片 --> <view class="kai-song"> <view class="title">番茄生活VIP权益卡
阅读全文
摘要：直接上代码: 很多时候 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
阅读全文
摘要：今天遇到一个bug是底部明明有margin-bottom却无法作用，排查了一下改成用padding可以有效 但不找出原因是无法完成这篇博客的 问题概要描述：在safari中，当内容高度超出所有父容器时，内容的margin-bottom设置是无效的。 解决这个问题的办法也很简单，只要规避这种超出所有父
阅读全文
摘要：－o－：以Presto为渲染引擎的浏览Opera的私有属性、 －moz－：以Gecko为渲染引擎的浏览器Mozilla Firefox的私有属性 －webkit－：以Webkit为渲染引擎的浏览器Safari、Google Chrome的私有属性－ms－：IE8的私有属性的transition：CS
阅读全文
摘要：function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows...
阅读全文
摘要：a标签文字强制不换行 强制不换行 a{ white-space:nowrap; } 再补充说明所有关于换行的CSS样式： white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit; white-space 属性设置如何处理元素内的空白 norm
阅读全文
摘要：wc3 链接 http://www.runoob.com/cssref/css3-pr-filter.html
阅读全文
摘要：目的: 我们在做css的时候为了提高网站的效率减少服务器请求，我们可以通过css来实现一些简单的图片特效，比如说三角形，这篇文章讲解的是通过边框实现不同的效果。 上面样式部分代码: 部分代码: 部分代码: 部分代码: 部分代码: 原文链接:https://www.cnblogs.com/qwguo/
阅读全文
摘要：问题起源： 中文是一个字就是一个单词，而英文字母要有一个空格才将他们分割为一个单词；文字换行没事，主要是英文 <!DOCTYPE html><html><head><style> p.test1{ width:11em; border:1px solid #000000; word-wrap:bre
阅读全文
摘要：问题 斜切角在Web设计和印刷中是相当受欢迎的样式。它通常是在一个或多个元素的角落切一个45°的角（也就是所谓的斜切角）。特别是最*，扁*化设计的势头压过了拟真设计，也使这种效果更加流行。当斜切角只存在元素的一侧，并且每个都占据元素的50%高度的时候，一个箭头的形状产生了，这在按钮和面包屑导航中非常
阅读全文
摘要：在CSS3里可以使用RGBA和HSLA两种色彩模式，都可以用来在设置颜色的同时也可以设置它的透明度。RGBA指的是“红色、绿色、蓝色和Alpha透明度”（Red-Green-Blue-Alpha），而HSLA则代表“色调、饱和度、亮度和Alpha透明度”（Hue-Saturation-Lightne
阅读全文
摘要：by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=5865本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。 一、关于HTML5语音Web Speech API HTML5中和Web Speech相关的AP
阅读全文
摘要：inherit 继承父元素 定位 举例 : <div class="father"> <p></p> </div> div{ position:fixed; left:0; top:0; } p{ position:inherit;//继承了父元素的fixed;此时就会相对于浏览器定位;不会相对于父
阅读全文
摘要：一、深呼吸，直接内容 :nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。 先看一个简单的实例，首先是HTML部分： <section> <p>我是第1个p标
阅读全文
摘要：<input type="text" maxlength="5" /> 效果ok，当 <input type="number" maxlength="5" />时maxlength失效，长度可以无限输入。 解放方案： <input type="number" oninput="if(value.le
阅读全文
浙公网安备 33010602011771号