制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。 1.css的transition。 语法: transition...
前言 三维变换使用基于二维变换的相同属性,如果您熟悉二维变换,你们发现3D变形的功能和2D变换的功能类似。3D变形与2D变形的最大不同就在于其参考的坐标轴不同,2D变形的坐标轴是平面的,只存在X轴和Y轴,而3D变形的坐标轴则是X、Y、Z三条轴组成的立体空间,...
前言 CSS3提供了2D转换功能,能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform,使用方法为transform:method(value)。 2D转换方法有translate、scale、rotate、skew、matr...
鼠标滑过元素,使得元素的样式发生改变 我们定义一个按钮标签 复制代码代码如下:<button class="px-button">BUTTON</button> 我们首先设置按钮的背景颜色为灰色: 复制代码代码如下:.px-bu...
很多时候学网页制作开发的时候第一看到的印象深刻的就是html或htm后缀结尾的网页,我们把这类网页归结为静态网页,伪静态除外。 那html或htm与其它如php、asp、aspx、jsp等后缀结尾的网页有什么区别呢? 首先,html页面是静态的从头到尾没有...
什么是 HTML? HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language) ,它是一种标记语言 (markup language) 。标记语言是一套标记标签 ...
1.标题<h></h> HTML定义<h1></h1>到<h6></h6>六个<h>标签,分别用来不同大小字体的标题(Heading)。字体由大到小,<...
只要学习或者使用过HTML的人,我想对于<a>标签应该都是不陌生的。今天对<a>做一个简单的说明,将自己的理解简单描述出来。 <a>是超链接标签,什么是超链接呢?就是将当前内容与网络上的另一个资源进行连接起来,点击该连接就...
现在总结一下控制锚点的几种情况: 1. 在同一页面中 <a name="add"></a><!-- 定义锚点 --> <a href="#add"&...
IE浏览器下如何实现"设为首页","加入收藏"的功能 解决思路: 将指定URL设为首页的功能主要是依靠IE默认行为homePage的setHomePage方法,而将指定URL加入收藏夹的实现则是external对象的...
HTML 页面源代码布局介绍 此介绍以google首页源代码截图为例: 从上到下依次介绍: <!DOCTYPE html> 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 XHTML规范:必须小...
HTML Input 属性 value 属性 value 属性规定输入字段的初始值: <form action=""> <input type="text" name="nam...
用html写一个动态网页时钟,代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"...
超链接,也叫“链接”。超链接在我们浏览的网页上可以说是无处不在,我们点击网页上某个链接地址,即链接到另一个网页,这就是超链接在起作用。使用 <a></a> 标签来定义超链接,语法:<a href="...
链接加了rel=“nofollow”属性, 就表示告诉搜索引擎不用跟踪这个连接从而不传递权重. 细心的站长可能会发现很多博客的友情链接上都加了这个属性, 这样做的目的避免自己网站的权重被稀释. rel属性的意思是指: 当前页和指向页的关...
今天看到一篇有关input事件的博文,一时兴起便整理下相关的资料。 事件: function changeVal(value){ console.log($(value).val())} onchange:onchange事件是在前后内容改...
先来看看样子。 html源码: XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html lang="en&quo...
【问题】 外层table与内层table嵌套,内外表格都需边框时,设置“border=1”,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。 【解决办法】: 外表格样式:<table border="...
frameset页面与普遍的Web页面有些不同。虽然仍旧以<HTML>和包含标题的<HEAD>标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有<BODY>元素,只需要<frameset&...
经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结: 相同点:他们都会飘出一个小浮层,显示文本内容。 不同点: 1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题&l...