在css3中transform主要包括以下几种：rotate（旋转）、translate（移动）、scale（缩放）、skew（扭曲）以及matrix（矩阵变形）。 语法： transform ： none | <transform-function> [ <transform-function> ]* 也就是：transform: rotate | scale | skew | translate |matrix;none表示不进行变形，transform的这些属性可以叠加使用，叠加使用时用 空格隔开。 下面对每个属性一一介绍： rotate（旋转）： 通过指定的角度...
name和value区分（注重前后台的结合），个人笔记使用^_^ 前台 后台对于单选框来说，name是一样的，决定后台的键名，value的值决定了后台键值 复选框同理，但name应该是不同的
css3的transition允许css的属性值在一定的时间区间内平滑地过渡。 语法： transition ： [<transition-property> || <transition-duration> || <transition-timing-function> || <transition-delay> [, [<transition-property> || <transition-duration> || <transition-timing-function> || <transition-delay>]]* transition主要包含四个属性值： transition-property（变换的属性）， transition-duration（变换延续的时间...
介绍 这是一个能帮你从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...
点击图片打开详细介绍页面