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

HTML/CSS

有HTML5、CSS3等最新的HTML和CSS知识
chrome  transition闪烁BUG-大前端

chrome transition闪烁BUG

cc阅读(7431)赞(206)

    前段时间写鼠标悬停元素上移效果时,当鼠标恰好放在元素边缘时,chrome出现一直上下移动的问题,其他浏览器表现正常。原因尚不知,可能是实现方式不对吧(PS:使用top实现),虽然不知道原因,但...

HTML5-语义化-大前端

HTML5-语义化

cc阅读(8326)赞(192)

    距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使...

canvas小tip--下载二维码、图片加水印-大前端

canvas小tip–下载二维码、图片加水印

cc阅读(6813)赞(169)

    昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5 Canvas绘制而成。所以,今天的主角就是canvas啦–canvas的实际应用。     一、下载二维码(查看如何生成二维码)     HTMLCa...

css print-大前端

css print

cc阅读(23613)赞(40)

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

css负边距之详解-大前端

css负边距之详解

浩子阅读(45336)赞(6)

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

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

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

浩子阅读(111508)赞(14)

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

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

CSS3:linear-gradient切角画册

浩子阅读(33760)赞(2)

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

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

CSS3技巧:fit-content水平居中

浩子阅读(38161)赞(6)

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

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

立即前往