摘要: 同样 ,水平居中很简单,给子div设置margin:0px auto; 垂直居中也不难::给父div设置display:table-cell;vertical-align:middle; 重点是display:table-cell; 虽然是表格的属性,但是却无比强大,无比方便,子元素未知长宽高的时候 阅读全文
posted @ 2016-07-22 11:01 凉月-天 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 让div中的img垂直居中,水平居中很简单,用text-align:center; 让div中img垂直居中的方法其实也很简单 重点是: display:table-cell; 让标签具有表格的属性; vertical-align:middle; 让表格里面的内容垂直居中; 这样就完成了!! 阅读全文
posted @ 2016-07-22 10:55 凉月-天 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 父元素要添加属性transform-style:preserve-3d;和transform:perspective(800px);还有相对定位 首先设置子元素 具有3D属性,然后再设置视角与3D元素的距离,拉开视角才可以看到3D效果!以像素计;;相对定位是为了给子元素绝对定位一个标点; 以立方体为 阅读全文
posted @ 2016-07-22 10:49 凉月-天 阅读(2414) 评论(0) 推荐(0) 编辑
摘要: 转换 定义: 1、转换是使元素改变形状、尺寸和位置的一种效果 2、又称为变形,即,可以向元素应用 2D 或 3D 转换,从而对元素进行旋转、缩放、移动或倾斜 3、2D转换:使元素在 X 轴和 Y 轴平面上发生变化,改变其形状、尺寸和位置 4、3D转换:元素还可以在 Z 轴上发生变化 旋转: Tran 阅读全文
posted @ 2016-07-12 13:56 凉月-天 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 今天就讲了2个属性:1、计数器 2、列规则 列规则很简单:column-count:3; (列的具体个数) column-width:30px;(列宽)N个浏览器不兼容column-gap:10px;(列之间的缝隙间隔宽度)column-rule(规定列之间的中间分割线宽度、样式和颜色规则)。 代码 阅读全文
posted @ 2016-07-11 17:15 凉月-天 阅读(228) 评论(0) 推荐(0) 编辑
摘要: overflow可以使浮动元素回归文档流,但是浮动元素却仍然具有浮动的属性 阅读全文
posted @ 2016-07-07 18:59 凉月-天 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 首先对中文显示的不够好 对中文失效 auto是表格的宽和高都会随着内容增多而改变 而fixed只会增加表格的高度 宽度不会发生改变 table中的td的宽,高会根据内容的多少而变化; fixed:如果内容是中文的话td的宽度固定,高度根据内容的多少而变化,没有限制。如果是英文的话,宽高不变,内容宽度 阅读全文
posted @ 2016-07-07 16:29 凉月-天 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 一,overflow属性; 1,四个值: visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 i 阅读全文
posted @ 2016-07-07 11:54 凉月-天 阅读(584) 评论(1) 推荐(0) 编辑
摘要: 一,background-position:(图片定位) 三种写法: 1):按%比,左上角最小(0%,0%),右下角最大(100%,%100); 2):(x,y)左上角最小(0,0),右下角最大(max,max); 3)top,center,left,right,bottom;二,backgroun 阅读全文
posted @ 2016-07-07 11:50 凉月-天 阅读(589) 评论(0) 推荐(0) 编辑