.box{ display:block; height:350px; width:250px; background:#ddd; cursor:pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .box:hover{ border-top-right-radius:180px 120px;background: rgba(246,246...
目录 [1]漂浮的白云 [2]旋转的星球 [3]正方体合成 前面的话前面介绍过动画animation的详细用法，本文主要介绍动画animation的三个效果漂浮的白云 【效果演示】【简要介绍】漂浮的白云主要通过远景白云和近景白云来实现立体漂浮效果。远景和近景分别使用两张背景图片，通过改变其背景定位来实现白云移动效果，通过设置不同的动画持续时间来实现交错漂浮的效果 【主要代码】.box{position: relative;height: 300px;width: 500px; } ...
本文介绍使用图标字体和SVG取代雪碧图的方法。雪碧图是很多网站经常用到的一种技术，但是它有缺点：高清屏会模糊、无法动态变化如hover时候反色。而使用图标字体可以完美解决上述问题，同时具备兼容性好，生成的文件小等优点。 雪碧图 雪碧图实例：淘宝PC端将多张小图放至一张大图使用的时候，通过background-position调整显示的位置，如下图所示：雪碧图的使用方法使用雪碧图唯一的优点，可以说就是减少浏览器的请求次数。因为浏览...
《这将是一场革命》一文出来以后。得到业界大伙的认同，当然与此同时也得到部分来自内部与外部的挑衅，不过的更加多的是更多人来寻问每一个点的细节。今晚回家很早就睡了，半夜在一个梦中醒来，梦里正在和小学的同学玩一个游戏——“The Next”。醒来以后觉得自己需要做点什么，于是终于将TMENU修改了（拖了很久了）；然后觉得近期需要对之前提到的五点详细的出一部分实在的案例写得详细点，于是开始写本文。梦...
关于语义化，不是一句两句就能说明白的，而且现在也没有一个官方的很严格的定义。关于没有争议的是：1.引用一段较长的文字2.可以使用cite标签或者属性问题是引用的文字必须使用块级元素将他包含吗？首先是来自W3C的解释9.2.2 Quotations: The BLOCKQUOTE and Q elements -- %coreattrs, %i18n, %events -- cite %URI; #IMPLIED -- URI for source document or msg -- > -- short inline quotation -- %coreattrs, %i18n, %events...
点击这里返回网页教学网 HTML教程 栏目．想浏览CSS教程请点这里。上文：标记语言——精简标签。Chapter 10 应用CSS在第一部分主要的焦点放在标记语法的例子上，也探讨了如何在标签上应用CSS进行设计,指定样式细节.在第二章,我们将讨论几种把CSS应用到 点击这里返回脚本之家 HTML教程 栏目．想浏览CSS教程请点这里。上文：标记语言——精简标签。Chapter 10 应用CSS在第一部分主要的焦点放在标记语法的例子上，也探讨了如何在标...
blank的blog：http://www.planabc.net/innerHTML 属性的使用非常流行，因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2 API（removeChild, createElement, appendChild）。但很显然，使用 innerHTML 修改 DOM tree 是非常容易且有效的方法。然而，你需要知道 innerHTML 有一些自身的问题：当 HTML 字符串包含一个标记为 defer 的 script 标签（…）时，如 innerHTML 属性处理不当，在 ...
HTML已经尝试去除表现和朝向内容发展，导致这样一个基本原理：从表现（CSS）中分离出内容意义（HTML）。这将会给网页减肥，因为一个表现指令集合（以外部CSS文档的形式）可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。部分不良标签基本上是表现标签（比如small），它们可以用更有意义和更简单的CSS规则取代。其他的不仅用于表现，而且还是不必要的庞大（比如font标签）或者对可用性有害的...
笼统来说，“标准网页”的文件组织就是XHTML CSS。其中XHTML主要用来表示网页结构和显示内容，而CSS则是定义结构布局和修饰内容样式。常用于布局的XHTML一般有：DIV：主要用于页面内容逻辑上的分块，比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时即可使用DIV标签分割。同时对各区块建议这样的命名：以下为引用的内容：头部：导航：侧栏：内容：版权：注：id具有唯一性，即在同一页面中不得重复出现...
合理的添加图片可以使一个网页更加的美观。图片标签标签用于在网页里插入图片。标签有一个重要的属性"src"，它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件，在
表格是XHTML中处境尴尬的一个标签，本节只做了解即可.关于表格在CSS流行之前，table被广泛应用于定位。在XHTML中，table不被推荐用来定位，W3C希望CSS可以取代在定位方面的地位。不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示)，仍被许多网站用语首页布局，例如Google的More products页面就利用了table来定位。 不过我个人推荐您开始使用CSS来定位网页，因为这是W...
HTML与CSS在Flash中的应用: 不小心看到同事Den在弄个小东西：在Flash里使用HTML和CSS，代码是这样：var myStyle:TextField.StyleSheet = new TextField.StyleSheet();myStyle.load("sample.css");content_txt.styleSheet = myStyle;content_txt.multiline= true;content_txt.wordWrap = true;content_txt.html = true;var story:XML = new XML();story.ignoreWhite = true;story.load("sample.html");story.onLoad = function (...
一段时间以来，发现有很多人XHTML都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML，我这里呢算是把一些常见的应用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。 XHTML里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em div 在我的脑子里我一直把他想作是一个瓶子或是箱子，我的感觉它挺硬的。这...