随笔分类 -  CSS

摘要:CSS 阅读全文
posted @ 2017-07-25 17:48 归尘2016 阅读(390) 评论(0) 推荐(0)
摘要:CSS样式 JS 阅读全文
posted @ 2017-07-25 17:05 归尘2016 阅读(192) 评论(0) 推荐(0)
摘要:CSS3 3D折叠翻转文字动画DEMO演示 3 D 折 叠 字 体 html,body{margin:0;padding:0;height:100%;} body{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit... 阅读全文
posted @ 2017-07-25 16:09 归尘2016 阅读(175) 评论(0) 推荐(0)
摘要:银行卡 手机号 HTML JS 阅读全文
posted @ 2017-04-17 16:39 归尘2016 阅读(384) 评论(0) 推荐(0)
摘要:HTML CSS样式 JS 阅读全文
posted @ 2017-04-17 16:30 归尘2016 阅读(252) 评论(0) 推荐(0)
摘要:滑动块图片 html 第二个滑动的JS,rangeSlider.js 阅读全文
posted @ 2017-03-30 16:53 归尘2016 阅读(283) 评论(0) 推荐(0)
摘要:< title></title>:简短、描述性、唯一(提升搜索引擎排名)。 搜索引擎会将title作为判断页面主要内容的指标,有效的title应该包含几个与页面内容密切相关的关键字,建议将title核心内容放在前60个字符中。 <hn></hn>:h1~h6分级标题,用于创建页面信息的层级关系。 对 阅读全文
posted @ 2017-02-27 16:53 归尘2016 阅读(205) 评论(0) 推荐(0)
摘要:高仿栅格系统 A A A A ... 阅读全文
posted @ 2016-11-23 18:22 归尘2016 阅读(1231) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2016-11-23 10:19 归尘2016 阅读(135) 评论(0) 推荐(0)
摘要:https://tinypng.com/ 阅读全文
posted @ 2016-11-22 17:16 归尘2016 阅读(144) 评论(0) 推荐(0)
摘要:本系列主要总结Css3一些新特性的认识,来源于《css揭秘》书。 一、半透明边框 css3最好用hsla,而不是rgba,hsla是:h:颜色值(0~360);s:饱合度(0%~100%);l:亮度(0%~100%);a:透明度(0~1) background-clip:裁剪背景颜色,默认为bord 阅读全文
posted @ 2016-11-22 10:06 归尘2016 阅读(257) 评论(0) 推荐(0)
摘要:display:box我想大家很熟悉,那么display:inline-box呢,今天在项目中需要设置这样的属性box-align:center,那么就想到用 display:box;如果设置BOX,那么宽度不能自适应,必须设置一个值,我找了一下,终于找到一个属性可以宽度自适应高度定死的弹性伸缩盒的 阅读全文
posted @ 2016-10-24 18:37 归尘2016 阅读(5444) 评论(0) 推荐(1)
摘要:计算APP高度 页面用rem为单位写,但注意点: 1.最外面的宽度用百分比,最好不要用rem 2.input中line-height不要用,如果字被截,那把文字大小缩小 3.高度要用rem 阅读全文
posted @ 2016-08-31 14:33 归尘2016 阅读(2721) 评论(0) 推荐(1)
摘要:一、CSS3 mix-blend-mode 首先,要知道”blend-mode”就是混合模式的意思。那mix, 恩,我也不知道为什么命名为mix, 可能是该属性不仅可以作用于HTML,还可以作用于SVG,干脆叫mix一起捋过来。该CSS属性作用是让元素内容和这个元素的背景以及下面的元素发生“混合”。 阅读全文
posted @ 2016-08-19 18:19 归尘2016 阅读(1198) 评论(0) 推荐(0)
摘要:._limgMIiddle{ /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari, Chrome, and Opera */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:... 阅读全文
posted @ 2016-08-02 16:45 归尘2016 阅读(1005) 评论(0) 推荐(0)
摘要:div{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } 阅读全文
posted @ 2016-05-25 18:22 归尘2016 阅读(191) 评论(0) 推荐(0)
摘要:这段CSS千万不能放在*{}里面,不然会出现Input不能输入 阅读全文
posted @ 2016-05-25 14:04 归尘2016 阅读(142) 评论(0) 推荐(1)
摘要:1.使用click会出现绑定点击区域闪一下的情况,解决:给该元素一个样式如下 2.用iphone或ipad浏览很长的网页滚动时的滑动效果很不错吧?不过如果是一个div,然后设置height:200px;overflow:auto;的话,可以滚动但是完全没有那滑动效果,很郁闷吧.不过自从用了-webk 阅读全文
posted @ 2016-05-24 18:24 归尘2016 阅读(122) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #preloader_1{ position:absolute; } #preloader_1 span{ display:block; bott 阅读全文
posted @ 2016-05-09 14:43 归尘2016 阅读(192) 评论(0) 推荐(0)
摘要:.canvasAnim{ position: absolute; width:240px; height:240px; top:0; z-index:60; top:-20px; left:-5px; border-radius:120px; backg... 阅读全文
posted @ 2016-05-03 15:15 归尘2016 阅读(603) 评论(0) 推荐(0)