关注前端开发
关注用户体验

HTML/CSS

css print-大前端

css print

cc阅读(13104)

最近做表单打印,遂整理了一些打印相关的内容。 说到网页打印,首先想到的便是@media查询(即网页css),通过使用媒体类型print即可解决实际应用的大多数问题,比如实现只打印网页的某部分内容,调整字体大小、修改布局等使打印出来的纸质文件...

css负边距之详解-大前端

css负边距之详解

浩子阅读(36106)

自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做,但是没有人会...

巧用CSS3的calc()宽度计算做响应模式布局-大前端

巧用CSS3的calc()宽度计算做响应模式布局

浩子阅读(71345)

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

CSS实现单行、多行文本溢出显示省略号(…)-大前端

CSS实现单行、多行文本溢出显示省略号(…)

浩子阅读(270381)

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

CSS3:linear-gradient切角画册-大前端

CSS3:linear-gradient切角画册

浩子阅读(27703)

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

CSS3技巧:fit-content水平居中-大前端

CSS3技巧:fit-content水平居中

浩子阅读(30327)

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

CSS3技巧:利用css3径向渐变做一张优惠券-大前端

CSS3技巧:利用css3径向渐变做一张优惠券

浩子阅读(42842)

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

themebetter 国内更好的WordPress主题服务商

立即前往