-
利用css3绘制三角形
方法/步骤新建一个html5网页,名称为index.html,在代码中写上四个div,分别是向上、向下、向左,向右四个三角形,代码如下: <div class="triangle-up"> <!--向上的三角--> </div> <div class="triangle-down"> <!--向下的三角--> </div> <div c
珠峰培训
2017-01-25
-
HTML5 Web存储(localStorage与sessionStorage)
HTML5 Web存储(localStorage与sessionStorage)localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的;sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
珠峰培训
2017-01-24
-
CSS好看常用的中文字体
如下: 例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3(加网 ):font: 14px/1.5 'Microsoft Y
珠峰培训
2017-01-24
-
常用HTML5体验改进方法
常用HTML5体验改进方法1. fake 页 - 首屏加速因为 71% 的用户期望移动页面跟 pc 页面一样快 (3s) ,74% 的用户能容忍的响应时间为 5 秒,所以我们必须保证移动端页面有足够的速度。方案: 避免页面长时间白页,页面渲染只需要完整的 HTML 以及 CSS 加载结束后页面第一屏便渲染结束,然后再异步加载js 静态资源不使用 cookie
珠峰培训
2017-01-22
-
CSS3 字体和CSS3 新增控制字体属性
CSS3 字体和CSS3 新增控制字体属性CSS3 字体在网页编辑使用字体时,在CSS3出现之前设计师只能使用计算机已安装的字体,而现在CSS3中,当你发现您要使用的字体文件时,只需简单的将字体文件包含在网站中,它会自动下载给需要的用户。 那么如何使用CSS3字体呢,我们下面一起学习一下。 第一步:调用需要的字体<style>@font-face{ fon
珠峰培训
2017-01-22
-
CSS选择器详解
CSS3选择器CSS选择器用于选择你想要控制样式的元素,准确的找HTML元素,是它存在的意义。CSS1和CSS2的选择器我们经常使用,在这里就不在赘述了,我们直接看看CSS3中给我们提供了哪些更加便捷的选择器。所有主流浏览器都支持 CSS3 选择器。ie8以下浏览器要想使用此选择器,HTML文档声明需要是HTML5的文档声明<!DOCTYPE>。element1~elem
珠峰培训
2017-01-21
-
响应式布局之rem
rem这是个低调的css单位,近一两年开始崭露头角,许多使用者对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是在进行app开发或者叫做响应式布局的时候,它还是一个强力的候选手段之一。
珠峰培训
2017-01-14
-
响应式布局之媒体查询
一个结构能够兼容多个终端,而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用”大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。
珠峰培训
2017-01-13
-
HTML5获取地理位置信息
HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5,借助百度、谷歌地图接口来获取用户准确的地理位置信息。
珠峰培训
2017-01-06
-
HTML5新增标签
在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式。而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介绍的容器等等。也就是说整个HTML文档结构定义不清晰,HTML5中为了解决这个问题,专门添加了:页眉、页脚、导航、文章内容等跟结构相关的结构元素标签
珠峰培训
2016-11-20
-
HTML5培训-head头标签详解
HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta,link等标签的功能属性显得非常重要。这里整理了一份
部分的清单,让大家了解每个标签及相应属性的意义,写出满足自己需求的 头部标签,可以很有效的增强页面的可用性。珠峰培训
2016-11-15
-
HTML5培训课程系列之本地存储-Web Storage
在HTML5中,提供了一种在客户端保存数据的功能,它就是Web Storage,把数据保存在你的计算机中,可以通过javascript来获取这些数据.这里的存储是针对客户端而言,具体来说,Web Storage又分为两种:localStorage和sessionStroage
珠峰培训
2016-08-29
-
web前端开发:LESS语言特性全面剖析
作为一种 CSS 扩展, Less 不仅向后兼容 CSS, 它还使用现有的 CSS 语法新增了额外的特性. 这使得学习 Less 更轻松, 一旦有任何问题,可以随时退回使用标准的 CSS.
珠峰培训
2016-08-29
-
珠峰html5培训之移动端横竖屏的检测开发
在移动设备上访问我们的HTML页面,我们很多时候需要根据用户的横竖屏状态做一些操作,我们可以使用@media进行检测,也可以使用orientationchange事件来检测,但是不能禁止用户的横竖屏切换...
珠峰培训
2016-08-14
-
html5开发培训系列之Flexbox深入理解
Flex 布局深入理解flexbox的优势随着移动设备的普及,各种响应式用户界面的流行,Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率,这无疑使布局的逻辑变得更加复杂. .........
珠峰培训
2016-07-31
-
通过LESS的基础语法的学习,提高web前端开发的效果
LESS是一门CSS预处理语言,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS 更易维护和扩展。
珠峰培训
2016-07-22
-
让你快速进行web前端开发的途径-LESS学习:了解LESS和编译LESS
LESS是一门CSS预处理语言,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS 更易维护和扩展。
珠峰培训
2016-07-22
-
一篇文章,让你快速了解Hybrid App开发模式
Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势。.........
珠峰培训
2016-07-15
-
html5培训系列之检测浏览器的类型(PC端还是移动端)
在移动端的响应式布局开发中,我们很多时候需要检测是PC端的设备还是移动端的设备,本文分享了腾讯新闻部门经过真机测试出来的一套相对完善的JS检测代码
珠峰培训
2016-07-15
-
html5培训基础知识第二发:常用的META标签(移动端)
META标签是HTML语言HEAD区的一个辅助性标签,我们通常都在HEAD区域编写一些meta(注意:meta只能写在HEAD区域),用来提供关于HTML文档的元数据(meta-information),元数据不会显示在页面上,但是对于浏览器是可读取渲染的。它可用于浏览器如何显示内容或重新加载页面,页面SEO优化(关键词和页面描述)等
珠峰培训
2016-07-02
-
html5培训基础知识第一发:常用的META标签
META标签是HTML语言HEAD区的一个辅助性标签,我们通常都在HEAD区域编写一些meta(注意:meta只能写在HEAD区域),用来提供关于HTML文档的元数据(meta-information),元数据不会显示在页面上,但是对于浏览器是可读取渲染的。它可用于浏览器如何显示内容或重新加载页面,页面SEO优化(关键词和页面描述)等
珠峰培训
2016-06-29
-
html5培训分享不得不学的干货-响应式web设计
响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。
珠峰培训
2016-06-27
-
html5开发培训系列之FlexBox入门
Flexbox Layout(Flexible Box)模块,W3C官方称为CSS弹性盒子布局,是在CSS3中定义的一种新的布局模式。相对于传统的布局解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。Flex布局,可以更简便、完整、响应式地实现各种页面布局,目前已得到所有浏览器的支持,Flex布局将成为未来布局的首选方案
珠峰培训
2016-06-24
-
html5的本地存储功能
html5的本地存储功能的实例。html5的本地存储功能和数据库类似,先建库,然后建表,接着就是最基本的增删改查功能了.
一:建库
var db;//设定一个数据库的全局变量;执行后面的建表等;
function init_database(dbname,disname,version,maxsize)
{
try
{
if(!window.openDatabase)
{
alert('Databases are not supported珠峰培训
2011-08-12