miss123  

2016年6月12日

摘要: 一.边框 1.border-radius:x,y,模糊半径,color(x为负数时左移动,y为负数是上移动) 2.box-radius:x,y,模糊半径,阴影半径,color 3.border-image:url() 切割图片的大小 repeat/round(平铺)/stretch(拉伸)。(*) 阅读全文
posted @ 2016-06-12 21:26 miss123 阅读(127) 评论(0) 推荐(0) 编辑
 
摘要: 1.background-origin:border-box/padding-box()默认值/content-box背景图片从边框出现、从边距开始出现、在盒子的内容中出现。 2.background-clip:padding-box/border-box/content/背景图片的切割从边框出现、 阅读全文
posted @ 2016-06-12 21:01 miss123 阅读(174) 评论(0) 推荐(0) 编辑
 
摘要: text-overform:ellipsis省略号/clip裁剪。 overform:hidden溢出隐藏文字。 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(o 阅读全文
posted @ 2016-06-12 18:58 miss123 阅读(728) 评论(0) 推荐(0) 编辑
 
摘要: 1颜色.color:rgba(R,G,B,A) R,G,B是分别代笔红,绿,蓝值是在0到255之间的数也可以是0.0% - 100.0%,A代表的是透明度0到1之间。 2.渐变.background-image:linear-gradient(to buttom, red,yellow) 注释:18 阅读全文
posted @ 2016-06-12 16:47 miss123 阅读(171) 评论(0) 推荐(0) 编辑
 
摘要: transform-style:其中flat值为默认值,表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现则该元素的所有子元素都将被平展到该元素的2D平面中进行呈现。沿着X轴或Y轴方向旋转该元素将导致位于正或负Z轴位置的子元素显示在该元素的平面上,而不是它的前面或者后 阅读全文
posted @ 2016-06-12 15:27 miss123 阅读(101) 评论(0) 推荐(0) 编辑
 
摘要: text-shadow:offset-x:阴影水平移动,负值时向左偏移 text-shadow:offset-y:阴影垂直移动,负值时向上移动 text-shadow:radio-bluer:阴影到实体之间的距离 text-shadow:color:模糊半径,可选值假如没有指定,那么该值的初始值为0 阅读全文
posted @ 2016-06-12 10:43 miss123 阅读(662) 评论(0) 推荐(0) 编辑