随笔分类 - html5
摘要：div和span没又语义的标签，他们是盒子标签，用来装内容的 div特点 div是布局标签，块状元素，会占居网页一行 <div>这个是一个网址www.dgkunfu.com</div> span特点 span也是布局标签，是行内元素，一行可以放多个span 不会换行 <span>建网站</span>
阅读全文
摘要：小程序无法弹出授权位置的弹框： 需要在app.json中增加相关配置文件： "permission": { "scope.userLocation": { "desc": "您的位置信息将用于获取位置信息" } }
阅读全文
摘要：@keyframes 规定动画。 animation所有动画属性的简写属性。 animation-name 规定 @keyframes 动画的名称。 animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。 animation-timing-function 规定动画
阅读全文
摘要：CSS2 多媒体类型@media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。 例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。 但是这些多媒体类型在很多设备上支持还不够友好。 CSS3 多媒体查询CSS3 的多媒体查询继承了 CSS2
阅读全文
摘要：CSS3 用户界面在 CSS3 中, 增加了一些新的用户界面特性来调整元素尺寸，框尺寸和外边框。用户界面属性： resizebox-sizingoutline-offset CSS3 调整尺寸(Resizing)CSS3中，resize属性指定一个元素是否应该由用户去调整大小。 这个 div 元素由
阅读全文
摘要：CSS 分页实例 简单分页如果你的网站有很多个页面，你就需要使用分页来为每个页面做导航。 ul.pagination { display: inline-block; padding: 0; margin: 0;} ul.pagination li {display: inline;} ul.pag
阅读全文
摘要：CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)。 默认情况下，元素的宽度与高度计算方式如下： width(宽) + padding(内边距) + border(边框) = 元素实际宽度 height(高)
阅读全文
摘要：1，CSS3 border-radius - 指定每个圆角如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。 但是，如果你要在四个角上一一指定，可以使用以下规则： 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值: 第一个值
阅读全文
摘要：1，CSS3 边框用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。 而在本节中，您将了解以下的边框属性有： border-radius box-shadow border-image（需要注意的是：该属性不支
阅读全文
摘要：打印属性打印 HTML 文档总是会出现问题。在 CSS2 中，我们可以借助打印属性让打印 web 内容更容易一些。 1，orphans 设置元素放在页面底部时所允许的最少文本行数。 2，marks 设置是否在内容区之外但是在画布的可打印区域内放“十字标志”。 请注意，CSS2.1 已删除该属性。 3
阅读全文
摘要：可以用以下方法来规定 CSS 中的颜色 十六进制，RGB 颜色，RGBA 颜色，HSL 颜色，HSLA 颜色，预定义/跨浏览器颜色名 1，十六进制颜色 所有浏览器都支持十六进制颜色值。 十六进制颜色是这样规定的：#RRGGBB，其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的
阅读全文
摘要：弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 C
阅读全文
摘要：CSS3 包含多个新的文本特性。 text-shadowword-wrap 1，CSS3 文本阴影 您能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色 向标题添加阴影： h1 { text-shadow: 5px 5px 5px #FF0000; } 2，CSS3 自动换行 word-wrap
阅读全文
摘要：CSS3 转换CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。 1，translate() 方法 translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。 div{transform: translate(50px,100px);-ms-transfor
阅读全文
摘要：CSS3 允许您使用 3D 转换来对元素进行格式化。 rotateX() rotateY() 1，rotateX() 方法 rotateX()方法，围绕其在一个给定度数X轴旋转的元素。 OperaSafariChromeFirefoxInternet Explorer实例div{ transform
阅读全文
摘要：使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 1，CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 #rcorners1 { border-radius: 25px; backgroun
阅读全文
摘要：边框属性 1，border-radius 圆角 在div中添加圆角元素： div{border:2px solid;border-radius:25px;} 2，CSS3 盒阴影 CSS3 中的 box-shadow 属性被用来添加阴影: 实例在div中添加box-shadow属性 div{box-
阅读全文
摘要：web worker 是运行在后台的 JavaScript，不会影响页面的性能。 1，创建 web worker 文件 现在，让我们在一个外部 JavaScript 中创建我们的 web worker。 在这里，我们创建了计数脚本。该脚本存储于 "demo_workers.js" 文件中： var
阅读全文
摘要：表格列出了所有的 HTML5/HTML 4.01/XHTML 元素，以及它们会出现在什么文档类型 (DTD) 中 标签 HTML5 HTML 4.01 / XHTML 1.0 XHTML 1.1Transitional Strict Frameset<a> Yes Yes Yes Yes Yes<a
阅读全文
摘要：1,什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准 2,SVG 的优势 与其他图像格式相比（比如
阅读全文
