CSS3
文章平均质量分 75
Daisy-lv
这个作者很懒,什么都没留下…
展开
-
CSS3新增选择器
1.CSS3属性选择器E[att]属性 E[att='value']属性att的值为“value”的元素 E[att~='value']属性att有多个值,“value”为其中一个 E[att^=“value”]:属性att的值以“value”开头的元素。 E[att$=“value”]:属性att的值以“value”结尾的元素。 E[att*=“value”]:属性att的值包含“...原创 2018-11-27 20:33:11 · 145 阅读 · 0 评论 -
CSS3设置边框、背景、文本属性
1.边框属性border-radius属性作用:允许为元素添加圆角边框 语法:border-radius:lt-x rt-x lb-x rb-x/lt-y rt-y lb-y rb-y;//分别为左上角、右上角、左下角、右下角的半径,如果只有两个参数 则第一个参数代表左上和右下,第二次参数代表右上和左下。 例如: border-radi...原创 2018-11-27 21:42:04 · 1037 阅读 · 0 评论 -
CSS3属性transform(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。注意:都是以中心点为原点进行移动旋转缩放倾斜的。skew的默认原点是transform-origin是这个物件的中心点。transform-origin:设置元素原点位置;transform-origin:50% 50% 0;默认值X轴方向:left | center | ...原创 2018-11-27 22:28:22 · 3834 阅读 · 0 评论 -
transition实现过渡动画
transition:property duration timing-function delay;transition-property:规定设置过渡效果的CSS属性的名称(有数值的属性才可以进行过渡); transition-duration:规定完成过渡效果需要的时间; transition-timing-function:规定速度效果的速度曲线; timing-delay:定义...原创 2018-12-21 10:38:04 · 6810 阅读 · 0 评论 -
CSS垂直居中的三种方式
在说垂直居中之前先看一下水平居中,相对于垂直居中来说水平居中就简单多了: 如果是一个行内元素,就对它的父级直接使用text-align: center; 如果是一个块级元素,就对它自身使用margin: auto;说完水平居中再来看垂直居中,这里讲述三种常见的方法:1.基于绝对定位(要求元素具有固定的宽度和高度)借助calc()函数,可以简化以上代码...原创 2019-01-03 15:10:07 · 2202 阅读 · 0 评论