submerge

导航

随笔分类 -  css

甜甜圈
摘要:本文同步至微信公众号http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401875522&idx=1&sn=70299d6d88d699ed030ffcd94fc452e2#rd 对后续文章感兴趣的可以扫码关注哈. 说起甜甜圈,吃货们应该都知道 阅读全文

posted @ 2016-03-02 11:21 submerge 阅读(273) 评论(0) 推荐(0)

文本换行word-wrap、word-break与white-space
摘要:本文同步至微信公众号:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401671055&idx=1&sn=b88c986e61708da0027fac035ad36f0f#rd 对于后续文章感兴趣的可以添加关注: 文中有些地方没显示全,查看 阅读全文

posted @ 2016-02-05 17:00 submerge 阅读(525) 评论(0) 推荐(0)

background-position还可以这样用
摘要:文章同步至微信公众号:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401626453&idx=1&sn=6af07474df847d251358c4b453eaddfd#wechat_redirect 感兴趣的可以扫码关注哈: backg 阅读全文

posted @ 2016-02-02 17:23 submerge 阅读(408) 评论(1) 推荐(0)

记一次项目中的css样式复用
摘要:本文同步至微信公众号:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401616238&idx=1&sn=3c6e965283c632e9035875be43e6a305&scene=0#wechat_redirect 二维码: 一直觉得c 阅读全文

posted @ 2016-01-30 20:39 submerge 阅读(6054) 评论(0) 推荐(1)

css兼容各个浏览器的三角形图标
摘要:css兼容各个浏览器的三角形图标在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片代替,但是随着前端技术的发展,以及开发者对于前端性能的“吹毛求疵”,越来越多的前端开发者开始“返璞归真”,在能不使用图片的场景中减少图片使用,css图标相对于图... 阅读全文

posted @ 2015-07-03 10:04 submerge 阅读(665) 评论(0) 推荐(0)

css兼容tooltip提示框方法
摘要:最终效果图:基本原理先设定一个背景色的普通div盒子,然后使用上篇post得到的三角型图标,把div盒子设置为相对定位模式,三角型图标设置为绝对定位,位置相对于div盒子,调整到合适的位置。这样就得到一个基本的tooltip,但是没有边框看起来总是不舒服,我们可以给div盒子设置一个边框,这没什么难... 阅读全文

posted @ 2015-07-02 10:26 submerge 阅读(628) 评论(0) 推荐(0)

纯CSS实现面包屑式导航
摘要:参照着教程做了一个面包屑式的导航。在这里分享一下实现方式,自己也在温习一下。首先效果如图:HTML代码如下: Breadcrumb 我们用一个无序列表来填充面包屑导航。每一个导航连接都相当于一个内嵌了元素的元素。首先将每一个a元素渲染为蓝色的矩形框。文本居中放置,两边加上适当的内边距。设置元素为... 阅读全文

posted @ 2014-10-22 21:22 submerge 阅读(8292) 评论(2) 推荐(2)