2016年7月28日
组合选择符
摘要： 在 CSS3 中包含了四种组合方式: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔） 相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以破折号分隔） 1、 后代选取器 所有 <p> 元素插入到 <div> 元素中 <p><div></div></p> div p{background:yell 阅读全文
posted @ 2016-07-28 15:21 柒月小小 阅读(93) 评论(0) 推荐(0) 编辑
更改光标
摘要： 以下代码将改变鼠标的形状 <body><p>将鼠标移动到这些字上改变鼠标样式cursor.</p><span style="cursor:auto">auto</span><br><span style="cursor:crosshair">crosshair</span><br><span sty 阅读全文
posted @ 2016-07-28 10:23 柒月小小 阅读(157) 评论(0) 推荐(0) 编辑
2016年7月27日
CSS Display(显示) 与 Visibility（可见性）
摘要： display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果 visibility:hidden可以隐藏某个元素，但 阅读全文
posted @ 2016-07-27 16:33 柒月小小 阅读(157) 评论(0) 推荐(0) 编辑
2016年7月26日
input输入类型
摘要： 本章全面介绍这些新的输入类型： email 包含 e-mail 地址的输入域，在提交表单时，会自动验证 email 域的值。 url 包含 URL 地址的输入域 number 包含数值的输入域，够设定对所接受的数字的限定 range 滑动条 Date pickers (date, month, we 阅读全文
posted @ 2016-07-26 13:51 柒月小小 阅读(259) 评论(0) 推荐(1) 编辑
canvas
摘要： HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. <canvas> 标签只是图形容器，您必须使用脚本来绘制图形 <canvas id="myCanvas" width="200" height="100"style="border:1px solid 阅读全文
posted @ 2016-07-26 11:33 柒月小小 阅读(84) 评论(0) 推荐(0) 编辑
video、audio属性
摘要： 当前video属性支持两种视频格式：ogg和mp4 Ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。 要确 阅读全文
posted @ 2016-07-26 10:08 柒月小小 阅读(200) 评论(0) 推荐(0) 编辑
2016年7月25日
max-width、margin：auto、display
摘要： max-width 使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要， 所有的主流浏览器包括IE7+在内都支持 max-width ，所以放心大胆的用吧。 margin：auto 设置块级元素的 width 可以阻止它从左到右撑满容器。然后 阅读全文
posted @ 2016-07-25 11:31 柒月小小 阅读(279) 评论(0) 推荐(0) 编辑
box-sizing用法
摘要： 在我们讨论宽度的时候，我们应该讲下与它相关的一个重点知识：盒模型。当你设置了元素的宽度，实际展现的元素却能够超出你的设置：因为元素的边框和内边距会撑开元素。看下面的例子，两个相同宽度的元素显示的实际宽度却不一样。相信你一定遇到过这样的情况。 向上面的两个div一样，simple和fancy的widt 阅读全文
posted @ 2016-07-25 11:24 柒月小小 阅读(190) 评论(0) 推荐(0) 编辑
position 页面简单布局
摘要： 要想实现这样的一个页面布局，请看代码： <style> body{ margin-bottom:120px;} .container{ position:relative; border:1px solid #000} nav{ position:absolute; left:0px; width: 阅读全文
posted @ 2016-07-25 10:41 柒月小小 阅读(164) 评论(0) 推荐(0) 编辑
2016年7月20日
css动态效果---鼠标滑过右侧链接，文本向右滑动
摘要： 在平时我们浏览网页的时候，当鼠标滑过某个链接时，经常会看到这样的效果，链接往右滑动了一下，其实想实现这种效果很简单，只要一个transition属性就可以实现，废话不多说，上代码： The HTML The CSS 阅读全文
posted @ 2016-07-20 17:12 柒月小小 阅读(1007) 评论(0) 推荐(0) 编辑