首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 详解px单位html5响应式方案

    详解px单位html5响应式方案

    移动端h5响应式方案最近这几年用得最多的最多的就是rem方案了。这个需要计算根元素的font-size来实现响应式。但这种方案也有一个缺点，那就是font-size不为整数的时候一些字体使用rem单位会导致字体显示的大小有问题，对视觉还原要
    2025-02-03
  • html5使用Drag事件编辑器拖拽上传图片的示例代码

    html5使用Drag事件编辑器拖拽上传图片的示例代码

    本站的编辑器图片上传便是使用的这部分Seajs 定义Tools模块/** * Created by zhaojunlike on 8/22/2017. */define(function (require, exports, module)
    2025-02-03
  • HTML中相似的标签和属性的区别详解

    HTML中相似的标签和属性的区别详解

    【1】<i></i> 和 <em></em>标签相同：都是表示斜体。区别：（1）<em>表示被强调呈现的内容，<i>是物理上的斜体，没有内容上的意义。（2）<em>标签是含有语义的标签，搜索引擎会了解这些语义。其在HTML中是特意被设定为表
    2025-02-03
  • canvas里面如何基于随机点绘制一个多边形的方法

    canvas里面如何基于随机点绘制一个多边形的方法

    起因今天在学习《HTML5+Javascript动画基础》这本书的时候，在第八章的第三节讲到如何用三个弹簧连接三个点来做拉伸运动。在做完例子之后，就想到如果是四个点，五个点，怎么样。就改写了一下代码，把点的数目变量化。最终的效果是能实现各个
    2025-02-03
  • 基于HTML5+CSS3实现简单的时钟效果

    基于HTML5+CSS3实现简单的时钟效果

    目的：利用html5，css实现钟摆效果知识点： 1） 利用position/left/top和calc()实现元素的水平和垂直居中；2） 利用CSS3的animation/transform/transform-origin属性定义动画；
    2025-02-03
  • HTML5 本地存储实现购物车功能

    HTML5 本地存储实现购物车功能

    在家休陪产假，无聊，看自己以前的项目，突然发现之前写的购物车都是用数据库实现的，数据库实现购物车原则上没什么问题，但是需要和数据库交互，这样无意之间降低了程序的效率。今天突发奇想，如果能用HTML5本地存储实现，就会大大增高程序效率。当然，
    2025-02-03
  • 详解html中的marquee属性

    详解html中的marquee属性

    该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法：<marquee></marquee>以下是一个最简单的例子：代
    2025-02-03
  • html5中audio支持音频格式的解决方法

    html5中audio支持音频格式的解决方法

    HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式，但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持。不是所有的浏览器都支持MP3 OGG之类的，每个浏览器因为版权的问
    2025-02-03
  • 浅谈Html网页表格结构化标记的应用

    浅谈Html网页表格结构化标记的应用

    在讲网页表格的结构化标记之前，还是先看几幅图片。Html表格的结构化所谓的结构化，正如上述第一副图所示，就是把我们的表格划分为三种：表头、表体、表尾。从而当我们在修改表体部分的时候，不会影响到其它两部分，从而解除了耦合，方便我们的应用。结构
    2025-02-03
  • HTML表单元素覆盖样式元素问题及其补救之道

    HTML表单元素覆盖样式元素问题及其补救之道

    在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题，图一就是一个典型的例子。不要小看这个貌似“低级”的问题，即使一些规模较大的网站上类似的问题也绝不鲜见。本文探讨了造成这一问题的根本原因，并提出一种补救办法――之所以说补救办
    2025-02-03
  • CSS：自定多姿多彩的网页链接下划线

    CSS：自定多姿多彩的网页链接下划线

    CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 　一、基本原理 　首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如
    2025-02-03
  • HTML5中的websocket实现直播功能

    HTML5中的websocket实现直播功能

    做视频直播这一块，前期研究了很多方案，包括websocket，因为各种原因最后没有采取这个方案，但还是想记录一下学习的心得。WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API
    2025-02-03
  • 微信浏览器左上角返回按钮拦截功能

    微信浏览器左上角返回按钮拦截功能

    在微信公众号开发中，有时需要对浏览器左上角返回按钮进行拦截处理相关的页面逻辑，而并不是让页面直接返回上一页，之前在这个细节点上的一直实现得不是很好。但看到京东购物公众号上的效果却实现得非常好，所以自己也开始了这方面的尝试。京东的效果如下图：
    2025-02-03
  • 【HTML5】3D模型--百行代码实现旋转立体魔方实例

    【HTML5】3D模型--百行代码实现旋转立体魔方实例

    最近研究魔方的玩法，就突然想用HMTL5写一个魔方的模型，由于魔方是一个3D的立方体，这次就试着用HTML5写了一个简单的3D模型。下面是预览画面。制作流程首先你需要下载Html5开源库件lufylegend-1.4.0魔方分为6个面，每个
    2025-02-03
  • htnl5利用svg页面高斯模糊的方法

    htnl5利用svg页面高斯模糊的方法

    先在页面任意区域放上这段代码stdDeviation设置模糊量，最低0<svg style=display:none> <filter id=blur-effect-1> <feGaussianBlur stdDevia
    2025-02-03
上一页 156157158159160161162163164下一页