html

iOS加速页面滚动条滚动

在页面内部滚动条滚动比较卡的情况下,CSS里加一下以下这一段代码就可以了 -webkit-overflow-scrolling: touch;...
zhimo 发布于 1个月前 124

优酷自动播放视频

iframe <iframe height=498 width=510 src='http://player.youku.com/embed/XMjcyMzc5MjkxMg==?autoplay=1' frameborder=0 'a...
zhimo 发布于 1年前 783 2

去除android或者iOS浏览器控件系统默认样式

a,button,input,textarea,select{ -webkit-appearance:none; -webkit-tap-highlight-color: rgba(0,0,0,0;); appearance:n...
lblis 发布于 1年前 266

文本框粘贴纯文本

在如下文本框内粘贴的话,可能会带上被复制文本的样式,导致输入框样式错乱 <div contenteditable></div> 解决办法 document.querySelector("div[contentedit...
xtigerj 发布于 1年前 293

设置手机浏览器主题色

在Android有些浏览器下,可以通过在页面增加下面这样一段meta代码,改变浏览器的主题色 <meta name="theme-color" content="#f5f8fa"> 左边是加过这个meta,右边则没加 ...
xtigerj 发布于 1年前 224 1

css3 文章的多列布局

.column{ width: 400px; padding: 10px; column-count: 3; column-gap: 40px; column-rule-width: 1px; ...
lblis 发布于 1年前 246

checkbox 的选中状态样式

主要是checked 伪类的使用 input[type="checkbox"]:checked:after{ content: " "; height: 20px; width: 50px; display: block; ...
lblis 发布于 1年前 274

针对手机浏览器,防止网页后退缓存的方法

手机浏览器中为了优化页面显示速度,通常在点后退按钮时,页面一般都是从缓存直接显示出来,也就是把之前整个页面的状态直接显示回来。 当我们希望点返回后,页面可以重新初始化,我会使用以下代码的技巧: window.onpageshow = fun...
harry 发布于 1年前 291

flex布局容器从下到上排列

ul{ display: flex; flex-direction:column-reverse; //从下到上排列 } li{ width: 50px; he...
lblis 发布于 1年前 239

用 CSS3 画几何图形

.item { padding: 10px; height: 300px; box-sizing: border-box; } /*方形没啥好讲的*/ .square { width: 200px; ...
lblis 发布于 1年前 341

CSS 多列等宽布局

1,display: flex 方法 html,body{ height: 100%; padding: 0; margin: 0; } .wrapper{ box-sizing: border-box;...
lblis 发布于 1年前 347

flex布局左右布局

html,body{ height: 100%; //使body 高度100% padding: 0; margin: 0; } .wrapper{ height: 100%; border:1p...
lblis 发布于 1年前 475

用css3 的 transform 做3d 旋转

css: .demo-3d{ transform-style: preserve-3d; width: 500px; margin: auto; position: relative; top: 10...
lblis 发布于 1年前 299

用 currentColor 管理css中的颜色

currentColor 等于当前文字的颜色,可以用于背景,边框,文字,阴影,渐变等等,可以减少重复颜色的代码量 li{ width: 200px; padding: 10px; margin: 20px; ...
lblis 发布于 1年前 207

select样式设置

select:focus::-ms-value { background: none; }//修改选中背景 select::-ms-value{ background: none; }//不选中背景 select::-ms-e...
子非鱼 发布于 1年前 231

css3 新增选择器

empty 选择空的元素,里面没有任何内容,包括空格。 root 选择文档的根元素,在HTML文档中,根元素始终是html元素。 :not 否定选择器,可以选择除某个元素之外的所有元素。 :root{ background: #f...
lblis 发布于 1年前 228

css 垂直居中

margin: auto; .box{ width: 400px; height: 400px; position: relative; border: 1px solid #999; backg...
lblis 发布于 1年前 261

移动端H5页面的设计稿尺寸大小规范

H5页面前端代码里面必须包含这条 <meta content=”initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width” name=”viewport...
lblis 发布于 1年前 274

使用跨域图片

经常会碰到要把一张站外的图片加载到canvas里进行操作,这时候就碰到跨域问题,这时候站外的服务器端需要配置是否允许跨域,同时前段的JS在载入图片的时候需要做设置一下如下代码 var img = new Image, canvas ...
xtigerj 发布于 1年前 251