学无边涯

2020年7月20日

摘要：弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 C 阅读全文

posted @ 2020-07-20 15:43 学无边涯阅读(229) 评论(0) 推荐(0)

总结CSS3 文本效果

摘要： CSS3 包含多个新的文本特性。 text-shadowword-wrap 1，CSS3 文本阴影您能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色向标题添加阴影： h1 { text-shadow: 5px 5px 5px #FF0000; } 2，CSS3 自动换行 word-wrap 阅读全文

posted @ 2020-07-20 15:25 学无边涯阅读(103) 评论(0) 推荐(0)

2020年7月17日

什么是CSS3 2D 转换

摘要： CSS3 转换CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。 1，translate() 方法 translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。 div{transform: translate(50px,100px);-ms-transfor 阅读全文

posted @ 2020-07-17 17:45 学无边涯阅读(126) 评论(0) 推荐(0)

什么是CSS3 3D转换

摘要： CSS3 允许您使用 3D 转换来对元素进行格式化。 rotateX() rotateY() 1，rotateX() 方法 rotateX()方法，围绕其在一个给定度数X轴旋转的元素。 OperaSafariChromeFirefoxInternet Explorer实例div{ transform 阅读全文

posted @ 2020-07-17 17:37 学无边涯阅读(152) 评论(0) 推荐(0)

学习CSS3 圆角总结

摘要：使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 1，CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 #rcorners1 { border-radius: 25px; backgroun 阅读全文

posted @ 2020-07-17 17:29 学无边涯阅读(110) 评论(0) 推荐(0)

CSS3 边框的边框属性几种形式

摘要：边框属性 1，border-radius 圆角在div中添加圆角元素： div{border:2px solid;border-radius:25px;} 2，CSS3 盒阴影 CSS3 中的 box-shadow 属性被用来添加阴影: 实例在div中添加box-shadow属性 div{box- 阅读全文

posted @ 2020-07-17 16:04 学无边涯阅读(406) 评论(0) 推荐(0)

2020年7月15日

关于HTML 5 Web Workers 用法

摘要： web worker 是运行在后台的 JavaScript，不会影响页面的性能。 1，创建 web worker 文件现在，让我们在一个外部 JavaScript 中创建我们的 web worker。在这里，我们创建了计数脚本。该脚本存储于 "demo_workers.js" 文件中： var 阅读全文

posted @ 2020-07-15 20:17 学无边涯阅读(143) 评论(0) 推荐(0)

HTML 元素和有效的 DTD

摘要：表格列出了所有的 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 阅读全文

posted @ 2020-07-15 20:12 学无边涯阅读(114) 评论(0) 推荐(0)

HTML5 内联 SVG

摘要： 1,什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准 2,SVG 的优势与其他图像格式相比（比如阅读全文

posted @ 2020-07-15 20:08 学无边涯阅读(109) 评论(0) 推荐(0)

HTML 视频（Video）

摘要： 1,HTML视频（Videos）播放 <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <sour 阅读全文

posted @ 2020-07-15 09:27 学无边涯阅读(1890) 评论(0) 推荐(0)

公告