Fork me on GitHub

随笔分类 -  css

1
css3 center
摘要：title: css3 居中小结 date: 2017 07 18 18:30:10 tags: Css CSS居中 水平居中初探 块级元素 定宽定高div 水平居中 定宽不定高div 水平居中 行内元素 垂直居中初探 宽高是固定的垂直居中 阅读全文
posted @ 2017-09-11 11:28 明天后浪 阅读(634) 评论(0) 推荐(0)
css-layout
摘要：title: css layout date: 2017 08 01 10:43:52 tags: Css 布局篇 css 常见的flex 布局篇 常见的float布局篇 常见的inline block布局篇 阅读全文
posted @ 2017-09-11 11:27 明天后浪 阅读(226) 评论(0) 推荐(0)
css-box-shadow
摘要：title: css box shadow date: 2017 08 02 09:37:33 tags: Css box shadow box shadow 阴影是我们经常用的一个属性，但是却经常想不起来单边的阴影写法，记录下来，方便查阅（本方法 是查阅css secret 所获） 投影原理解释 阅读全文
posted @ 2017-09-11 11:17 明天后浪 阅读(354) 评论(0) 推荐(0)
canvas
摘要：title: canvas date: 2017 07 10 22:57:22 tags: canvas canvas canvas 知识点总结 文本样式 var canvas = document.getElementById('canvasId').getContext("2d"); canva 阅读全文
posted @ 2017-09-11 11:16 明天后浪 阅读(138) 评论(0) 推荐(0)
css-flex
摘要：title: css flex date: 2017 09 07 18:10:53 tags: Css CSS flex 初探 flex 一行多个单元格布局 flex布局之垂直居中 flex布局之 数列排序 flex justify content示例 justify content 的值有 fle 阅读全文
posted @ 2017-09-11 11:14 明天后浪 阅读(238) 评论(0) 推荐(0)
sticky-css
摘要：Document hello every body hello every body hello every body ... 阅读全文
posted @ 2017-05-16 21:43 明天后浪 阅读(206) 评论(0) 推荐(0)
iphone 浏览器点击闪烁问题解决方案
摘要：1.根节点css加上 -webkit-tap-highlight-color: rgba(0,0,0,0); 阅读全文
posted @ 2017-04-28 11:25 明天后浪 阅读(489) 评论(0) 推荐(0)
select 样式重写插件
摘要：Document 阅读全文
posted @ 2017-04-17 19:21 明天后浪 阅读(289) 评论(0) 推荐(0)
css 随笔篇
摘要：1.一行文字不折行： white-space:nowrap overflow:hidden text-overflow:ellipsis//超出文字展示为... 2.图片和文字组合不等高的时候设置图片的verital-align:top 3.css sticky-footer 多行文字溢出[...] 阅读全文
posted @ 2017-03-05 11:12 明天后浪 阅读(138) 评论(0) 推荐(0)
toast组件较为完美版本
摘要：Document 你好，我是谁不关你的事情，清理这里是我的责任，谢谢 阅读全文
posted @ 2017-01-10 13:41 明天后浪 阅读(122) 评论(0) 推荐(0)
css 画竖着线条
摘要：<p>table控制:<!-- height为横线的粗度,width为长度 --><table width=700> <tr> <td>横线</td></tr><tr bgcolor='red' height=3> <td></td></tr></table><!-- height为竖线的长度,wi 阅读全文
posted @ 2016-07-15 15:40 明天后浪 阅读(1192) 评论(0) 推荐(0)
z-index 所遇问题
摘要：document.getElementById('wx_share_img').style.cssText = "width:100%;height:100%;position:fixed;top:0;margin left: 50%:left:50%;" document.getElementBy 阅读全文
posted @ 2016-07-12 20:46 明天后浪 阅读(164) 评论(0) 推荐(0)
angularjs中{{}} 加载出现闪烁问题
摘要：在head标签中加入 [ng cloak] { display: none !important; } 在页面的body标签上添加 ng cloak 可以解决页面上先后加载闪烁问题 阅读全文
posted @ 2016-07-07 12:38 明天后浪 阅读(363) 评论(0) 推荐(0)
css 设置字体
摘要：CSS,font-family,好看常用的中文字体 例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋 阅读全文
posted @ 2016-07-05 11:03 明天后浪 阅读(307) 评论(0) 推荐(0)
pure.css 学习记录
摘要：兼容性记录: IE 8+ Latest Stable: Firefox, Chrome, Safari iOS 6-8 Android 4.x 1. 阅读全文
posted @ 2016-06-14 18:07 明天后浪 阅读(398) 评论(0) 推荐(0)
div 居中进行总结
摘要：1.margin:auto ;让元素居中,需要确定元素的宽度,并且需要是块元素 eg: div { width:200px; height:200px; background:#222; margin:0 auto; } 2. div > p 两者都是块元素 div { width:200px; h 阅读全文
posted @ 2016-06-14 15:24 明天后浪 阅读(828) 评论(0) 推荐(0)
css 动画 transform transition animation
摘要：1.transform transform 是通过在浏览器里面让网页元素 移动 旋转 透明 模糊 等方法来实现改变其外观的技术 -webkit-transform : translate(3em,0);想右移动3em，向下移动0em -webkit-transform : rotate(30deg) 阅读全文
posted @ 2016-06-11 13:48 明天后浪 阅读(303) 评论(0) 推荐(0)
符号与编码
摘要：HTML 特殊符号编码对照表 阅读全文
posted @ 2016-06-04 16:40 明天后浪 阅读(298) 评论(0) 推荐(0)
css 三角实例
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .duihua span.tp{ border-width: 30px; border-style: solid; 阅读全文
posted @ 2016-04-08 15:29 明天后浪 阅读(117) 评论(0) 推荐(0)
css 完美替换图片
摘要：1.css替换简单图标的展示方法.box1 span{width:0px;height:0px;font-size:0;display:inline-block;position:absolute;left:11px;top:10px;border-right:6px solid transpare... 阅读全文
posted @ 2016-01-05 10:58 明天后浪 阅读(2640) 评论(0) 推荐(0)

1