摘要: text-shadow:文字阴影 box-shadow:盒子阴影 overflow:文本溢出属性指定应向用户如何显示溢出内容 word-wrap:换行 如果内容超出区域,可以用这个方法强制换行 阅读全文
posted @ 2019-03-06 14:47 Cyber_nnno 阅读(267) 评论(0) 推荐(0)
摘要: Linear Gradients:线性渐变 默认是从上到下的,可以把direction改为left就为从左到右渐变 也可以left top,左上到右下 也可以使用角度,180度 还有透明度的应用 Radial Gradients:径向渐变 与线性渐变一样,讲语法改一下就可以了 阅读全文
posted @ 2019-03-06 11:59 Cyber_nnno 阅读(346) 评论(0) 推荐(0)
摘要: background-image:添加背景图片 background-size:背景图的大小 length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动) percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二 阅读全文
posted @ 2019-03-06 11:48 Cyber_nnno 阅读(372) 评论(0) 推荐(0)
摘要: border-radius:创建圆角 圆角可以单设 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角 两个值: 第一个值为左上角与右下角,第二个值为右上角与左下角 一个值: 四个圆角值相同 b 阅读全文
posted @ 2019-03-06 11:37 Cyber_nnno 阅读(287) 评论(0) 推荐(0)
摘要: 弹性盒子:Flex Box 弹性盒子,就是将元素放在盒子中,自行选择里面元素的位置和间距边距 1.flex-direction:属性指定了弹性子元素在父容器中的位置 row:横向从左到右排列(左对齐),默认的排列方式 row-reverse:反转横向排列(右对齐,从后往前排,最后一项排在最前面 co 阅读全文
posted @ 2019-03-06 11:30 Cyber_nnno 阅读(247) 评论(0) 推荐(1)
摘要: 转换:transform 1.transform: translate(50px,100px);,偏移位置,将元素偏移到x轴50px,y轴100px的位置,元素在页面位置不动 2.transform: rotate(30deg);旋转,将元素旋转30度,如果是负数就逆时针旋转,元素在页面位置不动 3 阅读全文
posted @ 2019-03-06 10:41 Cyber_nnno 阅读(310) 评论(0) 推荐(0)