介绍 这是一个能帮你从HTML生成有效XHTML的经典库。它还提供对标签以及属性过滤的支持。你可以指定允许哪些标签和属性可在出现在输出中，而其他的标签过滤掉。你也可以使用这个库清理Microsoft Word文档转化成HTML时生成的臃肿的HTML。你也在将HTML发布到博客网站前清理一下，否则像WordPress、b2evolution等博客引擎会拒绝的。 它是如何工作的 里面有两个类：HtmlReader和HtmlWriter HtmlReader拓展了著...
在css3之前，要实现圆角的效果可以通过图片或者用margin属性实现(可以参考这里：http://www.hicss.net/css-practise-of-image-round-box/)。实现过程很繁琐，但CSS3的到来简化了实现圆角的方式。 CSS3实现圆角需要使用border-radius属性，但因为浏览器兼容性的问题，在开发过程中要加私有前缀。 -webkit-border-radius-moz-border-radius-ms-border-radius-o-border-radius border-radius属性其实可以分为四个其他的属性...
RGBA 是 CSS3 中用来控制颜色的单位，分别是 Red Green Blue 三原色和 Alpha 透明度的缩写。 也就是说该属性可以帮助我们在设置颜色的同时，也设置了其透明度。 其实就是 RGB 属性和 opacity 属性的合并写法。 其中 RGB 三个值的设置可以为百分比或者 0~255 的整数值。 A 的值则是 0~1 ，和 opacity 属性一致。 一、应用在背景中： .reg-bgc{ background: rgb(255, 0, 0);}.apl-bgc{ background: rgba(255, 0, 0...
我看到一个CSS文件这样写： html, body{ background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } 可是我看书上说background后面要写背景颜色 | 背景图案 | 背景重复 | 背景附件 | 背景位置 border后面也要写几个属性的值，为什么这里指写一个？如果写一个，它代表是哪个 回复讨论(解决方案) background: transparent;是透明的意思 background:只写一个，其他的是...
CSS3中的animation与HTML5中的Canvas绘制动画又不同，animation只应用在页面上已存在的DOM元素上。 运用animation能创建自己想要的一些动画效果，但是有点粗糙。 了解animation之前得知道"Keyframes",我们把他叫做“关键帧”。 Keyframes具有其自己的语法规则，它的命名是由"@keyframes"开头，后面紧接着是这个“动画的名称”加上一对花括号“{}”，括号中就是一些不同时间段样式规则，有点像我们css的样式写法一样。对于一个"...
发现animation这个新属性很有趣，在此学习，并整理下！ 浏览器支持： Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性； Safari 和 Chrome 支持替代的 -webkit-animation 属性。 定义和用法 animation 属性是一个简写属性，用于设置六个动画属性： animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direct...
上篇博客介绍了通过反射读取Jar包的类名和属性名，但是问题是读不出类名和属性名的中文注释和属性类型。所以上篇博客埋下了一个伏笔，就是通过自定义注解的方式读取Jar包的类名、属性名、中文注释和属性类型。这篇博客我们就来好好讲讲是如何实现的。 首先先说一下，由于我们的Jar包没有放到项目下，所以就想着怎么能把Jar包添加进来，所以先做了一个类似于上传文件的功能，将Jar上传进来，然后再读取Jar包里面的类名、属性名...
属性 HTML5新添加的全局属性 标签 描述 contenteditable 指定元素内容是否可编辑 contextmenu 指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单(浏览器暂时不支持) data-* 用于存储页面的自定义数据 draggable 指定某个元素是否可以拖动 dropzone 指定是否将数据复制，移动，或链接，或删除 hidden 规...
鼠标经过悬停于对象时提示内容（title属性内容）换行排版方法，html title 换行方法总结。 html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大家分享使用。 鼠标经过html 链接title内容换行效果截图 一、直接title内容换行 - TOP 直接填写title内容时候“回车键”换行，示例代码如下： html title属性换行 浏览器效果截图： 鼠标移到a链接文字上提...
我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。 absolute：对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。 fixed：对象脱离正常文档流，使用top...
1 /*对元素进行改变（移动、变形、伸缩、扭曲）*/ 2 .wrapper{ 3 margin:100px 100px auto auto; 4 width:300px; 5 height:200px; 6 border:2px dotted blue; 7 } 8 .wrapper div{ 9 width:300px;10 height:200px;11 background:red;12 color:blue;/*设置文本颜色 如果有的话*/13 text-align:center;/* 设置文本位置 如果子元素有的话 */14 line-height:200px;/* 设置行间距 */15 bor...
点击图片打开详细介绍页面
1 2 3 4 5 css-keyframes 6 7 8 9 10 11 1 @-webkit-keyframes move{ //定义名为move的动画函数 目前chrome对其支持较好 所以加-webkit-前缀 2 0%{ //时间达到0%时坐标位置为（0,0） 3 transform:translate(0px,0px);//应用该动画的标签位置为（0,0） 4 } 5 20%{ 6 transform:translate(100px,80px); 7 } 8 50%{ 9 transform:translate(200px,0px);10 }11 10...
最近学习CSS3， 以下CSS文件中的内容来自CSS手册。 可直接调用此CSS查看效果。 若有遗漏，待发现后补充进去。 @charset "utf-8";/* -------------------------此文档收集并介绍CSS3新增属性------------------------/*----------border-color---------设置对象边框的颜色。---------------------浏览器支持：Firefox3.0+---------------------取值：：颜色值。*/.border-color{ border: 8px solid #...
我记得，在工作中直接使用animation，只要能做出动画就完了，根本没有看每一个细节。 其实，这样做对于我们来说，的确没有错，因为工作中没有时间给你看每一个细节，大致看一篇就没下文了。 当我们想要好好理清头绪时，我才会想起以前见过的每一个知识点，然而这样做也没有错，但是这样做很明显不是明智的选择。 我觉得做一件事，都有一个计划，只有计划好，不懂得标记好，后面慢慢的一个个地解决，才会不落下学习的要点，好了，不...