HTML/CSS 第2页

2015-10-22浩子阅读(124318)赞(26)

今天浏览这个http://www.sitepoint.com站时，因为好奇看了下人家写的代码，结果发现了这行代码， 于是就研究了一下，calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计...

2015-10-20浩子阅读(664670)赞(271)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow: hidden; text-overflow:ellipsis...

2015-10-19浩子阅读(33511)赞(7)

这次我们使用transform的translateY值来做一个鼠标经过图片上拉，出现文字解释效果： 查看效果 <div class="main"> <div class="view view-tenth"> <...

2015-09-17浩子阅读(36351)赞(4)

关于linear-gradient的语法就不多做介绍了网上到处都是，下面看个小例 我们先做一个渐变，使其让他旋转， <div class="example"> </div> .example{ height:150p...

2015-09-16浩子阅读(41838)赞(10)

当我们让一个模块水平居中首先想到的肯定是margin:0 auto;有木有？那么今天给大家介绍一个fit-content属性，不知道有没有同学用过，如果用过那么你可以略过这篇文章，没用过的同学就继续了，我也是第一次看到这个属性，之前不知道这...

2015-09-16浩子阅读(28104)赞(0)

查看效果 <div class="main"> <div class="view view-tenth"> <figure> <div class="thumb"><img src="h...

2015-09-10浩子阅读(34553)赞(2)

不多说直接上效果 查看效果   html代码： <div class="main"> <div class="view view-tenth"> <img src="http://t-1.tuzhan...

2015-08-14浩子阅读(60086)赞(21)

在很多购物网站上都能看到优惠券，代金券，什么什么的券，但基本都是图片直接放上去，那么你有没有想过css来做一个呢，反正我是这样想过。那么你怎么做呢，切图做背景平铺边缘，嗯，有这样想过，如今css3技术这么先进再用背景做平铺是不是已经out了...

2015-07-30浩子阅读(51433)赞(7)

最近在做一个H5手机页面项目遇到了一个小小的问题，就是边框描边1像素的问题。 例：网易   一般的app边框描边的线都小于一像素，那么我就像往常一样直接描了1px的边框，虽然是1px可是结果和app里的描边完全不一样“粗了”，所以...

2014-03-25投稿者阅读(56141)赞(6)

某市政项目用到地铁图展示，展示地铁站点以及相关信息流，使用Qunee组件可以很好的解决这类需求，做出优美的展现，下面以上海2012地铁图为例，效果如下： 示例讲解 首先需要解决数据问题，可以从维基百科或者上海地铁官网中获取，不过也免不了人工...