最新消息:前端博客、web前端博客、Angularjs、javascript、jQuery、HTML5、CSS3

标签:css3

CSS&HTML

css中calc的正确使用方式

3年前 (2017-07-05) 1224浏览

CSS3 calc()函数允许我们对属性值执行数学运算。 例如,声明一个元素宽度的静态像素值,而不是使用calc()来指定宽度是添加两个或多个数值的结果。 .foo { width: calc(120px + 50px); } 像SASS这样的CSS...

CSS&HTML

QQ浏览器中页面出现莫名错乱原因分析

4年前 (2016-04-05) 2265浏览

上周在做东家内部点餐系统,页面开发完成时发现,在装有QQ浏览器的手机上查看效果发现页面错乱了。当时想找原因,因为是妹子的手机又将近下班就担阁了。今天上班第一件事就是找到这BUG,查找官方相关资料发现,我用了CSS3属性 transform 。 css...

CSS&HTML

了解CSS浏览器前缀

4年前 (2016-02-24) 1307浏览

在我们编写CSS代码的时候,经常需要编写各种CSS浏览器前缀(CSS Vendor Prefixes)。但是我们为什么需要使用CSS浏览器前缀,以及什么时候使用CSS浏览器前缀呢?这里将会为大家一一介绍。 这篇文章将围绕以下几点来介绍CSS浏览器前缀...

CSS&HTML

CSS3对话气泡特效

4年前 (2016-02-17) 984浏览

每当讨论到对话气泡时,无数的用户界面用途就会浮现出来。这些可以用于处理讨论评述,或者创建公告版,或者显示引用文本。只需将下面的类加入你的样式表,你也可以从这贴 CSS3代码片段,找到相关的HTML代码。 代码示例   ...

CSS&HTML

使用HMTL5 API监控前端性能

5年前 (2015-12-25) 987浏览

用户计时API 用户计时API可以在网页应用中测量两个预定义标记之间的性能。开发者仅仅需要分别定义测量的开始和结束标记。可以通过JavaScript对象“performance”提供的函数,对计时位置进行标记。 var measuring_start...

移动端开发

移动端WEB资源整合

5年前 (2015-12-23) 1479浏览

meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,m...

CSS&HTML

::after 与 ::before使用

5年前 (2015-12-20) 1298浏览

::after 是一个伪元素允许你插入的内容到一个页面的CSS(不需要在HTML)。而最终的结果是不是DOM,它出现在页面的如果是的话,会是这样的: div::after {   content: "hi"; } <div> &l...

CSS&HTML

css实现换行连接 Hyphenator插件使用

5年前 (2015-12-18) 938浏览

以前css实现换行添加word-break:break-all和word-wrap:break-word就能使其容器如DIV的内容自动换行。但有时候却不理想,因为单词被强制换行了。 so,now,css实现单词换行连接,必须是现代浏览器支持。 c...

CSS&HTML

9 个超绚丽的 HTML5 3D 图片动画特效

5年前 (2015-12-16) 1017浏览

在Web 1.0时代,我们的网页中图片数量非常少,而且都是以静态图片为主。HTML5的出现,推动了Web 2.0的发展,同时也催生出了很多绚丽的HTML5图片动画特效,特别是有些还有3D的动画效果。本文收集了9个非常绚丽的HTML5 3D图片动画特效...

CSS&HTML

Web开发者选择的最佳HTML5/CSS3代码生成器

5年前 (2015-12-14) 1235浏览

原文  https://www.jianshu.com/p/354192170686 本文将为大家分享几个Web开发者选择的最佳HTML5和CSS3代码生成器。 HTML5 和CSS3是一入门就能用的最好的语言,最简单同时也最好的的方式就是...