项目笔记实录

div
{
width:100px;
height:100px;
transition: width 0.5s;  //宽度变大在0.5s内
-moz-transition:width 2s;   /* Firefox 4 */
-webkit-transition:width 0.1s;   /* Safari and Chrome */
-o-transition:width 2s;   /* Opera */
}
div:hover
{
width:200px;//变化之后的大小是200px
}

CSS max-width 属性

p
  {
  max-width:100px; //设置段落最大宽度为100px；
  }

CSS3 overflow-x overflow-y属性

div
{
overflow-x:hidden;//裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话隐藏
overflow-y:auto;裁剪 div 元素中内容的上/下边缘 - 如果溢出元素的内容区域的话可以拖动
}

vertical-align:top

vertical-align属性的具体定义列表如下： 
语法：        vertical-align : baseline | sub | super | top | text- top | middle | bottom | text-bottom | <百分比> | <长度> | inherit 
说明：        设置元素内容的垂直对齐方式 
值：        baseline：基线对齐；sub：下标；super：上标；top：顶端对齐；text-top：与文本的顶端对齐；middle：中部对齐；bottom：底端对齐；text-bottom：文本的底端对齐； 
百分比和长度：CSS2，可为负数。 
初始值：        baseline 
继承性：        不继承 
适用于：        行内元素和单元格（table-cell）元素 
媒体：        视觉 
计算值：        百分比和长度值为绝对长度；其他同指定值 

此处需要特别注意的是：垂直对齐属性只对行内元素有效。