随笔分类 -  css

css阅读，摘要。
bootstrap 多个modal弹出 最先的modal滚动条会消失
摘要：https://stackoverflow.com/questions/19305821/multiple-modals-overlay#$(document).on('hidden.bs.modal', '.modal', function () { $('.modal:visible').len 阅读全文
posted @ 2017-07-19 14:02 he0xff 阅读(617) 评论(0) 推荐(0)
html5 css3 active
摘要：http://stackoverflow.com/questions/6063308/touch-css-pseudo-class-or-something-similar 替代touchstart/touchend的一种css方案；手指按下的时候变换样式; （2）css后面用... 样式: wor 阅读全文
posted @ 2016-12-12 23:40 he0xff 阅读(486) 评论(0) 推荐(0)
一个层 前后 插入元素；形成 边框
摘要：.a { background-color: #FFFFFF; margin-top: 10px; position: relative; overflow: hidden; display:block;} .a:before { content: " "; position: absolute; 阅读全文
posted @ 2016-06-27 17:05 he0xff 阅读(140) 评论(0) 推荐(0)
css 创建三角形（小三角）的几种方法
摘要：1。编码图片 假如你已经有三角形图片，并且减少HTTP的请求，那么将图片转化成Base64字符串是最好的解决方案。 http://webcodertools.com/imagetobase64converter http://image2base64.wemakesites.net/ 优点：你可以按 阅读全文
posted @ 2016-04-19 13:52 he0xff 阅读(1092) 评论(0) 推荐(0)
html 头部信息
摘要：标题 阅读全文
posted @ 2015-12-23 21:20 he0xff 阅读(183) 评论(0) 推荐(0)
css word-break 和 word-warp的使用/ opacity和z-index的使用
摘要：（1）当三个层层叠时，没有z-index时，放在最后的显示在最上面；设：a, b , c（层级依次增加）（2）当a层设置opactity小于1时，会显示在最上面；同理如果c设置的opacity大于a的opacity时，大的会显示在最上面；（3）可以通过设置position:relative属性来解决... 阅读全文
posted @ 2015-12-23 21:19 he0xff 阅读(249) 评论(0) 推荐(0)
fps 每秒刷新的频率
摘要：（1）FPS是指画面的帧数FPS指画面每秒传输帧数，通俗来讲就是指游戏和动画或视频的画面数，每秒帧数愈多，所显示的动作就会愈流畅，这个值是越高越好，因为越高代表了你每秒帧数就越多，帧数越多，每秒所刷新的画面就越流畅，这个和显卡和CPU有关（但最主要还是显卡）（2）Reflow 的成本比 Repain... 阅读全文
posted @ 2015-12-23 21:19 he0xff 阅读(417) 评论(0) 推荐(0)
css static/absolute/fixed/relative
摘要：（1）static 默认不设置的 可定位文档流元素；（2）以父元素或者祖父元素的position:relative时，则相对于父对象或者祖父对象的定位；否则就是相对于body的定位；（3）fixed是 一定的，是相对于 body，相对于浏览器视窗（4）relative是相对的，相对于父元素. 阅读全文
posted @ 2015-12-23 21:19 he0xff 阅读(127) 评论(0) 推荐(0)
css reset
摘要：/* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquot... 阅读全文
posted @ 2015-11-17 15:05 he0xff 阅读(199) 评论(0) 推荐(0)
css 响应式布局（总结）
摘要：（1）根据@media 的屏幕宽度（max-width）来查看（转） 或者：@media 1240MinMedia, only screen and (min-width: 1241px) { .bgcolor{ background:gray;... 阅读全文
posted @ 2015-11-17 14:49 he0xff 阅读(330) 评论(0) 推荐(0)
QQ聊天窗口设置
摘要：在线客服 阅读全文
posted @ 2015-11-17 09:34 he0xff 阅读(196) 评论(0) 推荐(0)
px和em, rem 区别(转)
摘要：px： （1）任意浏览器的高度默认是16px，1em=16px；那么12.5px=0.75em；10px=0.625em；为了简化font-size的运算；需要在CSS的body中设置font-size为62.5%；这样，12px=1.2em，10px=1em；只需要将原来的px除以10替换就可以； 阅读全文
posted @ 2015-11-17 09:27 he0xff 阅读(203) 评论(0) 推荐(0)
css 设置垂直居中
摘要：（1）通过display:absolute;设置 （2）通过css3属性设置 test 此时是p元素垂直，左右居中；(3)放小元素；div 垂直居中；加上margin:0 auto；左右居中； 111 （4）通过html5的transform属性设置 阅读全文
posted @ 2015-11-16 10:02 he0xff 阅读(210) 评论(0) 推荐(0)