HTML5+CSS3 - 随笔分类 - 胡椒粉hjf

CSS3_边框属性之圆角的基本图形案例

摘要：一、正方形div{ background:#F00; width:100px; height:100px;}二、长方形div{background:#F00;width:200px;height:100px;}三、圆形把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四... 阅读全文

posted @ 2015-08-11 17:09 胡椒粉hjf 阅读(485) 评论(0) 推荐(0) 编辑

CSS3_边框属性之圆角

摘要：一、border-radius是向元素添加圆角边框： border-radius的值不仅能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。（都不能是负值） 1、border-radius 设置或检索对象使用圆角边框。如果提供四个参数值，将按上左、上右、下右、... 阅读全文

posted @ 2015-08-11 16:12 胡椒粉hjf 阅读(283) 评论(0) 推荐(0) 编辑

CSS3_新特性预览

摘要：一、强大的CSS选择器以前我们通常用class、 ID 或 tagname 来选择HTML元素，CSS3的选择器强大的难以置信。它们可以减少在标签中的class和ID的数量更方便的维护样式表、更好的实现结构与表现的分离。二、圆角效果以前做圆角通常使用背景图片，或繁琐的元素拼凑，现在很简... 阅读全文

posted @ 2015-08-10 18:15 胡椒粉hjf 阅读(186) 评论(0) 推荐(0) 编辑

CSS3_概述、发展史、模块介绍、与浏览器之间的关系

摘要：一、CSS3概述和CSS3的发展史： 1、css3概述： CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全... 阅读全文

posted @ 2015-08-10 17:55 胡椒粉hjf 阅读(2212) 评论(0) 推荐(0) 编辑

HTML5本地存储+地图创建行走日记的案例

摘要：打发士大夫撒地方撒旦阅读全文

posted @ 2015-06-29 19:07 胡椒粉hjf 阅读(315) 评论(1) 推荐(0) 编辑

HTML5本地存储

摘要：一、Storage介绍 1、sessionStorage session临时回话，从页面打开到页面关闭的时间段窗口的临时存储，页面关闭，本地存储消失 2、localStorage 永久存储（可以手动删除数据）二、Storage的特点存储量限制 ( 5M ) 客户端完成，... 阅读全文

posted @ 2015-06-24 23:33 胡椒粉hjf 阅读(277) 评论(0) 推荐(0) 编辑

HTML5结合百度地图API创建地图应用

摘要：具体的百度地图API的使用方法查看百度地图API里的DEMO 阅读全文

posted @ 2015-06-24 22:42 胡椒粉hjf 阅读(421) 评论(0) 推荐(0) 编辑

HTML5地理位置概述和地理位置对象的详解

摘要：一、地理位置经度 : 南北极的连接线纬度 : 东西连接的线二、位置信息从何而来 IP地址 GPS全球定位系统 Wi-Fi无线网络基站三、地理位置对象（navigator.geolocation） – 单次定位请求：getCurrentPosition(请求成功，请求失败，数据收... 阅读全文

posted @ 2015-06-24 22:02 胡椒粉hjf 阅读(556) 评论(0) 推荐(0) 编辑

HTML5标签的改变

摘要：一、新的文档类型声明(DTD)在编写HTML5文档时，要求指定文档类型，以确保浏览器能在HTML5的标准模式下进行渲染。HTML 5的DTD声明为:。等也是正确的，因为HTML语法是不区分大小写的。无标题文档HTML5在链接外部js文件或css文件的时候type属性不再是必需的了，可以直接如下：链接... 阅读全文

posted @ 2014-12-18 18:09 胡椒粉hjf 阅读(639) 评论(0) 推荐(0) 编辑

HTML5游戏开发_是男人就下100层

摘要：项目流程市场调研（可行性分析）--> 可行性报告书需求分析师、客户经理需求分析--> 需求说明书项目经理、需求分析师概要设计--> 概要设计说明书（ER图， UML）项目经理、项目组长详细设计--> 详细设计说明书(流程图) 数据库建好、项目周期表(甘特图) office pr... 阅读全文

posted @ 2014-10-21 22:31 胡椒粉hjf 阅读(807) 评论(0) 推荐(0) 编辑

弹性盒模型

摘要：1、注意在使用弹性盒模型的时候父元素必须要加display:box 或 display:inline-box 1 2 3 4 52、Box-orient 定义盒模型的布局方向 •Horizontal 水平显示 •vertical 垂直方向 1 ... 阅读全文

posted @ 2014-08-28 10:49 胡椒粉hjf 阅读(214) 评论(0) 推荐(0) 编辑

一个发光的搜索边框（纯CSS3）

摘要：这是效果图，边框会不停的闪，兼容各种浏览器HTML代码：立即搜索 CSS代码：@charset "utf-8";/* CSS Document */b... 阅读全文

posted @ 2014-08-22 10:40 胡椒粉hjf 阅读(785) 评论(0) 推荐(0) 编辑

HTML5_拖放

摘要：拖放（Drag 和 drop）是 HTML5 标准的组成部分。拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。支持的浏览器：Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 ... 阅读全文

posted @ 2014-07-04 16:05 胡椒粉hjf 阅读(144) 评论(0) 推荐(0) 编辑

HTML5_智能表单

摘要：1、HTML5中为了方便排版，可以使from中的表单标签脱离from的嵌套。方法:from指定ID，所有表单标签均添加from=id属性。 2、智能表单的使用和规范、新增的表单属性：Input表单的type新属性值Type="email"限制用户输入必须为Email类... 阅读全文

posted @ 2014-07-04 09:43 胡椒粉hjf 阅读(507) 评论(0) 推荐(0) 编辑

CSS3的新增边框属性

摘要：一、CSS3 新增的边框属性属性版本简介border-imageCSS3设置或检索对象的边框使用图像来填充border-image-sourceCSS3设置或检索对象的边框是否用图像定义样式或图像来源路径border-image-sliceCSS3设置或检索对象的边框背景图的分割方式border-i... 阅读全文

posted @ 2014-04-15 17:25 胡椒粉hjf 阅读(616) 评论(0) 推荐(0) 编辑

CSS3 新增颜色表示方式

摘要：一、CSS1&2颜色表示方式(W3C标准)1、Color name 颜色名称方式（用颜色关键字表示对应的颜色。）例如:red(红色)、blue(蓝色)、pink(粉色)优点：方便快捷而且特定颜色比较准确缺点：表示颜色数量有限。不支持透明颜色.2、HEX方式十六进制方式（使用十六进制表示颜... 阅读全文

posted @ 2014-04-15 14:20 胡椒粉hjf 阅读(569) 评论(0) 推荐(0) 编辑

CSS3 新增的文本属性

摘要：一、CSS1&2中的文本属性(W3C标准)text-indentCSS1检索或设置对象中的文本的缩进letter-spacingCSS1检索或设置对象中的文字之间的间隔word-spacingCSS1检索或设置对象中的单词之间插入的空格数。vertical-alignCSS1/CSS2设置或检索对象... 阅读全文

posted @ 2014-04-14 01:35 胡椒粉hjf 阅读(642) 评论(0) 推荐(0) 编辑

CSS3的新增选择器

摘要：一、兄弟选择器：选择E元素所有兄弟元素F。中国十大杰出人物 ①别人家的孩子 ②别人家的爸爸 ③别人家的妈妈 ④别人家的老公 ⑤别人家的老婆 ... 阅读全文

posted @ 2014-04-08 01:35 胡椒粉hjf 阅读(407) 评论(0) 推荐(0) 编辑

canvas实例_在线画图工具

摘要：fadsfklasdjfklasjdklfjasdlk;fjasd;lfjaskl;dfjal 阅读全文

posted @ 2014-04-08 00:30 胡椒粉hjf 阅读(197) 评论(0) 推荐(0) 编辑

canvas实例_太阳系

摘要：dsklajfkladsjfklasdjfklasdjfl 阅读全文

posted @ 2014-04-08 00:22 胡椒粉hjf 阅读(175) 评论(0) 推荐(0) 编辑