• head中的title显示在body中

    今天遇到一个问题,就是title中的内容会显示在body中 1 head 2 title 324234 / title 3 / head 网上搜了一下是说编码方式有问题会出现这种情况,于是查看我的编码情况,发现没有任何问题。于是开始排查,去掉了css样式表,title就不显示了。看来就是样式有问题。 排查...

    2018-06-24 00:54:32

  • HTML5行业现状与未来 - 2016年终大盘点

    1. 大幅动荡后,即将进入平稳期 HTML5(WEB前端),在2012年及以前,一直处于一种萌芽期的状态当中,直至2013年才进入行业的成长期。HTML5(WEB前端)在2013和2014年,随着行业的推动慢慢的增长,直至2015年迎来了行业的大爆发,HTML5迅速被推上舞台,这个词语也成了不...

    2018-06-24 00:54:30

  • HTML5 & CSS3初学者指南(3) – HTML5新特性

    介绍 本文介绍了 HTML5 的一些新特性。主要包含以下几个方面: Web 存储 地理位置 拖放 服务器发送事件 Web存储 HTML5 Web 存储的设计与构想是一个更好的机制来存储客户端的网络数据。它是通过一个网络浏览器作为客户端数据库实现的,它允许网页以键值对的形式来存储数...

    2018-06-24 00:54:26

  • JavaScript中this的指向问题

    his是面向对象语言中一个重要的关键字,理解并掌握该关键字的使用对于我们代码的健壮性及优美性至关重要。而javascript的this又有区别于Java、C#等纯面向对象的语言,这使得this更加扑朔迷离,让人迷惑。 this使用到的情况: 1. 纯函数 2. 对象方法调用 3. 使用new调用...

    2018-06-24 00:54:26

  • CSS之纯CSS画的基本图形(矩形、圆形、三角形、多边形

    图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画...

    2018-06-24 00:54:22

  • 用canvas编写表白动画

    !DOCTYPE html html head lang="en" meta charset="UTF-8" title/title script /*我不相信有天堂,因为我被困在这个地狱的时间太长了*/ /script /head body style="background-color:pink;" h1p style="text-align:center;color:purple" ILoveYou!/p/h1 canvas id="c"/...

    2018-06-24 00:54:08

  • 前端开发者手册

    这是任何人都可以用来学习前端的实践手册, 它概述并讨论了前端工程的实践: 该如何学习以及实践时该使用什么工具. 撰写该手册的目的有两个: 一是为潜在以及正在实践的前端开发人员提供一个包括学习资料和开发工具的专业资源; 二是该手册可以被管理者, CTO, 讲师和猎头用...

    2018-06-24 00:54:21

  • 空中飘动的云动画

    步骤:1.创建五朵云; 2.给云朵添加不同样式和位置; 3.让这些云朵以不同的速度穿过屏幕; !doctype html html head meta charset="utf-8" title天空飘着五朵云/title style *{ margin: 0; padding: 0;} body { overflow: hidden; } #clouds{ padding: 100px 0; backgr...

    2018-06-24 00:54:19

  • bootstrap中的 form表单属性role="form&

    html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。 role的作用是描述一个非标准的tag的实际作用。比如用div做button,那...

    2018-06-24 00:54:15

  • Flexible 弹性盒子模型之CSS align-self 属性

    实例 居中对齐弹性对象元素内的某个项: # myBlueDiv { align - self : center ; } 复制 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。 属性 align-self 21.0 11.0...

    2018-06-24 00:54:14

2