2016年07月_Mary201572

转载 css3属性突然transform详解

CSS3属性transform详解之（旋转:rotate,缩放:scale,倾斜:skew,移动:translate）一.旋转 rotate用法：transform: rotate(45deg);共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。二.缩放 scale用法：tran

2016-07-31 19:08:21 443

转载 bootstrap框架之基本CSS样式

bootstrap框架之基本CSS样式排版标题从到所有的HTML标题都是可用的.h1. Heading 1h2. Heading 2h3. Heading 3h4. Heading 4h5. Heading 5h6. Heading 6Body copyBootstrap定义

2016-07-24 20:38:03 1078

转载 BFC

BFCBFC(Block Formatting Context，块级元素格式化上下文)是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。通俗讲，BFC就是一种布局方式，在创建了 BFC后，其子元素会一个接一个地放置：盒子们自所在的 containing block 顶部起，水平方向上一个接一个撑满整个宽度，垂直方向上他们

2016-07-22 23:19:50 246

转载 css3 media媒体查询器用法总结

css3 media媒体查询器用法总结随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体

2016-07-22 21:42:49 479

转载 HTML 5的革新——语义化标签(一)

HTML 5的革新——语义化标签(一)HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语

2016-07-17 20:39:27 727 6

转载拖放

拖放draggable属性如果网页元素的draggable元素为true，这个元素就是可以拖动的。div draggable="true">Draggable Divdiv>在大多数浏览器中，a元素和img元素默认就是可以拖放的，但是为了保险起见，最好还是加上draggable属性。事件拖动过程会触发很多事件，主要有下面这些：dragst

2016-07-17 20:35:52 360

转载 Canvas画布

Canvas画布 1.canvas标签严禁使用CSS调整canvas画布的大小。您的破浏览器有不支持了！ 2.canvas的属性 Width 用户设置canvas画板的宽度 Height 用于设置canvas画板的高度。使用CSS可以设置canvas画布的显示大小无法设置其绘图面积，所以不推荐使用。 3.canvas的方法 get

2016-07-12 13:04:13 375

原创 HTML5的新特性

HTML的新特性：①HTML5是下一代HTML标准 ②强化了Web的表现性（支持网页多媒体；提供Canvas画布（2D{平面}图形）；三维、图形及特效） ③支持语义化标签（header、footer） ④新的表单标签 ⑤增加离线本地存储 ⑥地理定位

2016-07-10 22:50:57 457

转载 HTML4 和 HTML5 的10个区别

HTML4 和 HTML5 的10个关键区别HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话，你会发现用HTML5从头构建，比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4，它们还是有很多相似之处，但是它们也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。1

2016-07-10 12:15:01 589

转载 HTML5的开发工具

HTML5的开发工具一、Adobe Edge目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。动画和图形可以添加到

2016-07-10 12:11:49 501

转载 html5移动开发

html5移动开发 html5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间：移动端的IE、Chrome、FireFox、Safari，亦或是新出现的浏览器，谁能达到在移动端对HTML5更好的支持，谁就能在以后的移动应用领域占据更多的市场。　　更灵活、更方便的app使用及安装方式将成为HT]L5在移动平台上大放异彩的保障之一。　　下面列举HTML

2016-07-03 21:34:27 607

转载 HTML5的标签

HTML5的标签注：在下面表格中4: 指在HTML 4.01 中定义了该元素 5: 指在HTML 5 中定义了该元素标签描述定义注释45定义文档类型45定义超链接45定义缩写45

2016-07-02 23:42:44 345

转载 Smarty

SmartySmarty是一个使用PHP写出来的模板引擎，是目前业界最著名的PHP模板引擎之一。它分离了逻辑代码和外在的内容，提供了一种易于管理和使用的方法，用来将原本与HTML代码混杂在一起PHP代码逻辑分离。简单的讲，目的就是要使PHP程序员同前端人员分离，使程序员改变程序的逻辑内容不会影响到前端人员的页面设计，前端人员重新修改页面不会影响到程序的程序逻辑，这在多人合作的项目中

2016-07-02 23:14:30 315

Mary201572的博客