分类:前端开发

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

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

3年前 (2016-12-14) 1644℃ 评论 () 1046喜欢

考验前端的JavaScript底细的14道题

考验前端的JavaScript底细的14道题
尽管今日的JavaScript已经突飞猛进,但JS的许多特性仍然保留,以下题目并不是有意设坑,许多地方将验证你的JS底细,如果错了一半,请别告诉我你从事前端。第一道(function(){ retu...

3年前 (2016-12-12) 2626℃ 评论 () 1051喜欢

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

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

3年前 (2016-10-27) 1622℃ 评论 () 1120喜欢

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

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

3年前 (2016-10-24) 5174℃ 评论 () 1123喜欢

JQuery 教程

JQuery 教程
介绍JQuery中包装集过滤函数使用JQuery代码:$(document).ready(function(){ //使用选择器筛选 $("p:nth-child(2)").mouseover(function(){ $(this).css("color...

3年前 (2016-10-12) 2010℃ 评论 () 1421喜欢

理解 JavaScript 的函数

理解 JavaScript 的函数
函数(Function )这个词对程序猿来说并不陌生. 哪怕你每天只写一点点代码, 你也得在下班前把正在创建或者修改的函数给close掉.简单来说函数就是一组执行某些动作的一堆程序语...

3年前 (2016-10-09) 1581℃ 评论 () 815喜欢

变量声明和定义的区别

变量声明和定义的区别
我们在程序设计中,时时刻刻都用到变量的定义和变量的声明,可有些时候我们对这个概念不是很清楚,知道它是怎么用,但却不知是怎么一回事,下面我就简单的把它们的区别介绍如下:(望我...

3年前 (2016-10-07) 986℃ 评论 () 530喜欢

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

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

3年前 (2016-10-02) 1933℃ 评论 () 538喜欢

CSS3中的content和attr的用法

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

3年前 (2016-09-28) 1539℃ 评论 () 544喜欢

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

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

3年前 (2016-09-24) 1668℃ 评论 () 1026喜欢

CSS3 Gradient

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

3年前 (2016-09-21) 1288℃ 评论 () 1025喜欢

CSS3的REM设置字体大小

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

3年前 (2016-09-04) 1105℃ 评论 () 304喜欢

判断鼠标移入移出元素时的方向

判断鼠标移入移出元素时的方向
本文要介绍的是一种鼠标从一个元素移入移出时,获取鼠标移动方向的思路。这个方法可以帮助你判断鼠标在移入移出时,是从上下左右的哪个方向发生的。这个思路,是我自己琢磨出来,利...

3年前 (2016-08-13) 1555℃ 评论 () 759喜欢

HTML5之Canvas基础绘图教程

HTML5之Canvas基础绘图教程
HTML5火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边...

3年前 (2016-07-20) 1554℃ 评论 () 1036喜欢

了解HTML5智能form表单新属性

了解HTML5智能form表单新属性
在web网站中,表单无所不在。 它们是通过调查表、反馈页面、博客评论和购物车收集信息的重要工具。 由于使用HTML5,在线表单的功能将变得更为强大。HTML5表单功能可以分成两类:...

3年前 (2016-07-19) 1421℃ 评论 () 730喜欢

HTML常用标签及其全称

HTML常用标签及其全称
div 语义:Division(分隔)span 语义:Span(范围)ol 语义:Ordered List(排序列表)ul 语义:Unordered List(不排序列表)li 语义:List Item(列表项目)dl 语义:Definition List(定义列表)dt 语义:Defi...

3年前 (2016-06-10) 1505℃ 评论 () 461喜欢

HTML embed标签使用方法和属性详解

HTML embed标签使用方法和属性详解
可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。...

3年前 (2016-06-08) 938℃ 评论 () 302喜欢

css选择器总结

css选择器总结
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。简介什么是选择器呢?每一条css样式定...

3年前 (2016-06-07) 1291℃ 评论 () 659喜欢

理解CSS3 max/min-content及fit-content等width值

理解CSS3 max/min-content及fit-content等width值
一、为何要蹦出这些新玩意?在CSS3的世界里,width属性又多了几个关键字成员,fill-available, max-content, min-content, 以及fit-content。想必很多小伙伴都没见过。不知大家有...

3年前 (2016-06-04) 702℃ 评论 () 428喜欢

【CSS进阶】伪元素的妙用--单标签之美

【CSS进阶】伪元素的妙用--单标签之美
最近在研读 《CSS SECRET》(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目:CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值得一看)。采用单标签完成各种图...

3年前 (2016-05-29) 1187℃ 评论 () 715喜欢

jQuery选择器总结

jQuery选择器总结
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素...

3年前 (2016-05-25) 865℃ 评论 () 429喜欢

CSS基础(二):基础和语法

CSS基础(二):基础和语法
CSS语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。selector { declaration1; declaration2; declaration...

3年前 (2016-05-23) 760℃ 评论 () 452喜欢