分类:Html5+Css3

html5移动端开发部分总结

html5移动端开发部分总结
1.移动端开发视窗口的添加h5 端开发下面这段话是必须配置的<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容如...

3小时前 (2018-06-20) 4℃ 评论 () 6632喜欢

H5本地存储localStorage,sessionStorage用法

H5本地存储localStorage,sessionStorage用法
localStorage、sessionStorage 是 Html5 的特性,IE7 以下浏览器不支持。现代浏览器普遍开始支持 H5 本地存储,localStorage、sessionStorage:可以用来代替 cookie 的一部分存储...

1周前 (2018-06-06) 4495℃ 评论 () 4527喜欢

神奇的 conic-gradient 圆锥渐变

神奇的 conic-gradient 圆锥渐变
感谢 LeaVerou 大神,让我们可以提前使用上这么美妙的属性。conic-gradient 是个什么?说到 conic-gradient ,就不得不提的它的另外两个兄弟:linear-gradient : 线性渐变radial-gr...

4个月前 (2018-02-09) 5696℃ 评论 () 5528喜欢

移动web前端viewport详解

移动web前端viewport详解
前言这次想聊聊移动开发相关的事。是的,你没有看错,一句话就可以开始你的移动前端开发。你心里一定在想,什么话这么酷,能够瞬间带入到移动前端开发的世界。但其实它一点也不新奇...

7个月前 (2017-11-10) 3764℃ 评论 () 3659喜欢

HTML编码规范

HTML编码规范
排版规则缩进使用2个空格缩进<ul> <li>Fantastic</li> <li>Great</li></ul>.example { color: blue;}大小写只允许使用小写。所有的代码都用小写字母:适用于元素名,属性,属...

8个月前 (2017-09-24) 3659℃ 评论 () 3359喜欢

理解伪元素 :before 和 :after

理解伪元素 :before 和 :after
层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这...

10个月前 (2017-08-09) 4724℃ 评论 () 4171喜欢

总结个人使用过的移动端布局方法

总结个人使用过的移动端布局方法
这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。响应式布局这种感觉是最好理解...

10个月前 (2017-08-04) 4680℃ 评论 () 4169喜欢

Flash 终于走向死亡!Flash 的兴衰之路你知多少

Flash 终于走向死亡!Flash 的兴衰之路你知多少
作为最大名鼎鼎的网络多媒体技术之一,Flash的名号可谓是无人不知无人不晓。然而,触手曾伸及形形色色网站的Flash,现在终于要退出历史的舞台。Adobe已经宣布,Flash将会在2020年停...

10个月前 (2017-08-04) 3639℃ 评论 () 3498喜欢

你不可不知的 HTML 优化技巧

你不可不知的 HTML 优化技巧
如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置,文件压缩或是调整CSS。很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的...

11个月前 (2017-07-14) 2757℃ 评论 () 2392喜欢

CSS 变量教程

CSS 变量教程
今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。一、变量...

1年前 (2017-06-08) 2836℃ 评论 () 2452喜欢

CSS Grid布局:什么是网格布局

CSS Grid布局:什么是网格布局
CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中,被称为CSS Grid Layout Module。而我们较为熟悉的还是将其想像成网格或者栅格,也就是早期的960gs。不管是网格还是栅格或...

1年前 (2017-04-20) 2513℃ 评论 () 2160喜欢

10个顶级的CSS3代码生成器

10个顶级的CSS3代码生成器
新出来的在线工具和 web 应用允许开发人员快速创建网站,而无需手动一行一行地编写代码。当前,不断有新的框架和代码库涌现在前端开发这个领域里。但是,这也让许多开发人员忘记...

1年前 (2017-03-21) 1955℃ 评论 () 1264喜欢

CSS3新单位:calc()未来自适应布局利器!

CSS3新单位:calc()未来自适应布局利器!
前言介绍前大家可以先考虑一个布局的问题:页面中有两个元素:ele 1和ele 2,他们之间还有跟页面左右的间隔都是30px,宽度随着页面宽度而自适应。效果图:这个问题有很多种解决办法,大...

1年前 (2017-03-03) 2807℃ 评论 () 2290喜欢

从css谈模块化

从css谈模块化
模块化是现今我们随处都可以听到的一个名词,什么是模块化?为什么我们需要模块化?这是本系列文章我们要弄明白的一个问题。我们也借这部分内容,顺带回顾一下前端的发展历程。说实...

1年前 (2017-02-24) 2621℃ 评论 () 2277喜欢

2017年要学习的三个CSS新特性

2017年要学习的三个CSS新特性
新年快乐! :confetti_ball:随着新一年的到来,我们可以学习的干活又多了好多。新特性虽然有很多,但有三个是今年最让我激动不已的。1. Feature Queries之前我写过了一篇关于Feat...

1年前 (2017-02-16) 1951℃ 评论 () 1553喜欢

定义图文并茂的html5新标签-figure、figcaption

定义图文并茂的html5新标签-figure、figcaption
本来想分两篇文章来解释说明figure、figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受。大家在写xhtml、html中常常用到一种图片列表,图片+标题...

1年前 (2016-12-14) 1404℃ 评论 () 1040喜欢

css3中的合成和混合模式 mix-blend-mode

css3中的合成和混合模式 mix-blend-mode
大多数图像编辑软件如photoshop或Illustrator都有它们自己的图像合成模式。Blend modes(合成模式)允许你指定元素如何混合合成在一起,并改变图像相交区域的颜色。每一种模式都...

1年前 (2016-10-27) 1409℃ 评论 () 1111喜欢

CSS教程 @font-face 网页中嵌入特殊字体方法

CSS教程 @font-face 网页中嵌入特殊字体方法
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许...

1年前 (2016-10-24) 3034℃ 评论 () 1111喜欢

CSS3动画制作网站首页轮播图

CSS3动画制作网站首页轮播图
幻灯片,是网站首页经常会用到的一种前端效果,在接触CSS3动画之前,轮播图只能用JS来做,现在有了动画,做轮播图又多了一种方式,封面为最终效果下面看具体实现代码:CSS*{margin: 0;pad...

1年前 (2016-10-02) 1710℃ 评论 () 529喜欢

CSS3中的content和attr的用法

CSS3中的content和attr的用法
CSS3的出现使得样式表的功能变得越来越强大,而某种意义上也可以说它让我们开发起来越来越容易了。CSS3里虽然有很多重量级的新特征出现例如transitions, animations, 和 tran...

1年前 (2016-09-28) 1159℃ 评论 () 533喜欢

用CSS3 打造酷炫的3D文本滚动效果

用CSS3 打造酷炫的3D文本滚动效果
昨天看见了一篇文章关于用纯CSS实现文本滚动,在这里跟大家分享一下。首先把效果图贴给大家:根据效果图我们很容易发现肯定是要用到3D转换的,如果对这个还不是很了解的可以先看...

1年前 (2016-09-24) 1562℃ 评论 () 1020喜欢

CSS3 Gradient

CSS3 Gradient
CSS3发布很久了,现在在国外的一些页面上常能看到他的身影,这让我羡慕已久,只可惜在国内为了兼容IE,让这一项技术受到很大的限制,很多Web前端人员都望而止步。虽然如此但还是有很...

1年前 (2016-09-21) 1246℃ 评论 () 1017喜欢

CSS3的REM设置字体大小

CSS3的REM设置字体大小
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs....

1年前 (2016-09-04) 1036℃ 评论 () 298喜欢