2015年8月28日

js(1)不太注意的一些小事件

摘要: 确认选择除了向用户提供信息,我们还希望从用户那里获得信息。这里就用到了confirm 消息对话框。语法:confirm(str);参数说明:str: 在消息对话框中要显示的文本,返回的是布尔值。当点击“确定”按钮时,会返回true,点击“取消”按钮时,返回的是false。示例: 确认选择 '提示有时... 阅读全文

posted @ 2015-08-28 15:39 求知的木头 阅读(182) 评论(0) 推荐(0) 编辑

CSS3 用户界面

摘要: 在 CSS3 中,新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。浏览器支持Firefox、Chrome 以及 Safari 支持 resize 属性。Internet Explorer、Chrome、Safari 以及 Opera 支持 box-sizing 属性。Firefox 需要前缀 -... 阅读全文

posted @ 2015-08-28 15:07 求知的木头 阅读(281) 评论(0) 推荐(0) 编辑

CSS3 多列

摘要: 通过 CSS3,您能够创建多个列来对文本进行布局 - 就像报纸那样!在本章中,您将学习如下多列属性:1. column-count2. column-gap3. column-rule浏览器支持Internet Explorer 10 和 Opera 支持多列属性。Firefox 需要前缀 -moz... 阅读全文

posted @ 2015-08-28 14:52 求知的木头 阅读(182) 评论(0) 推荐(0) 编辑

CSS3 动画

摘要: 通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。CSS3 @keyframes 规则如需在 CSS3 中创建动画,您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS... 阅读全文

posted @ 2015-08-28 14:40 求知的木头 阅读(243) 评论(0) 推荐(0) 编辑

CSS3 过渡

摘要: 通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。请把鼠标移动到右侧的元素上:浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。S... 阅读全文

posted @ 2015-08-28 14:21 求知的木头 阅读(179) 评论(0) 推荐(0) 编辑

3D转换

摘要: CSS3 允许您使用 3D 转换来对元素进行格式化。在本章中,您将学到其中的一些 3D 转换方法:1. rotateX()2. rotateY() 2D 旋转 3D 旋转css:#rotate1, #rotatey1 { border: 1px solid #000000; background: ... 阅读全文

posted @ 2015-08-28 14:02 求知的木头 阅读(166) 评论(0) 推荐(0) 编辑

csss3 2D转换

摘要: CSS3 转换通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。它如何工作?转换是使元素改变形状、尺寸和位置的一种效果。您可以使用 2D 或 3D 转换来转换您的元素。浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 transform ... 阅读全文

posted @ 2015-08-28 12:01 求知的木头 阅读(244) 评论(0) 推荐(0) 编辑

css3文本效果

摘要: CSS3 包含多个新的文本特性。在本章中,您将学到如下文本属性:1. text-shadow2. word-wrap浏览器支持Internet Explorer 10、Firefox、Chrome、Safari 以及 Opera 支持 text-shadow 属性。所有主流浏览器都支持 word-w... 阅读全文

posted @ 2015-08-28 11:29 求知的木头 阅读(315) 评论(0) 推荐(0) 编辑

背景设置

摘要: 1.border-image属性background-size指定背景图像的大小。CSS3以前,背景图像大小由图像的实际大小决定。CSS3中可以指定背景图片,让我们重新在不同的环境中指定背景图片的大小。您可以指定像素或百分比大小。你指定的大小是相对于?父元素的宽度和高度的百分比的大小。调整背景图片的... 阅读全文

posted @ 2015-08-28 11:15 求知的木头 阅读(881) 评论(0) 推荐(1) 编辑

边框图像

摘要: 1.border-image属性最简单的使用方法border-image属性最简单的使用方法如下所示。border-image:url(图像文件的路径) A B C D-webkit-border-image:url(图像文件的路径) A B C D-moz-border-image:url(图像文... 阅读全文

posted @ 2015-08-28 11:09 求知的木头 阅读(179) 评论(0) 推荐(0) 编辑

导航