-
问下这个background-position: left top, 100px 0, 200px 0; 里面的 100px 0, 200px 0 是什么意思 分别设置多个背景图的位置。left top将第一个背景图设置为左上角，100px 0将第二个背景图设置为距离所在元素的左100px下0px处，200px 0将第三个背景图设置为距离所在元素的左200px下0px处。查看全部
-
background-origin要是实现有两个前提，第一个是背景是no-repeat,第二个是要padding属性设置。查看全部
-
设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 background-size: auto | <长度值> | <百分比> | cover | contain查看全部
-
background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。查看全部
-
text-shadow: X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。查看全部
-
文本阴影:text-shadow: X-Offset Y-Offset blur color;查看全部
-
@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径;查看全部
-
display:inline-block 举例： <a>标签1</a><a>标签2</a><a>标签3</a> a标签本来就是内联 这样写，他出来效果就是--------标签1标签2标签3 但如果你想要定义宽度,不加块状是起不来作用的，都是单单加块状（display:block），他又换行了，所以这时加display:inline-block 就起到很大作用，内联块状，宽度既能实现，又能不换行... a{width:100px; display:inline-block} 有时候解决ie6双倍像素撑开，display:inline不够用，也会用到这个属性查看全部
-
在Web中插入内容，在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。 content配合CSS的伪类或者伪元素，一般可以做以下四件事情： 功能 功能说明 none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string 插入字符串查看全部
-
外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline属性早在CSS2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起到突出元素的作用。但是并未得到各主流浏览器的广泛支持，在CSS3中对outline作了一定的扩展，在以前的基础上增加新特性。outline属性的基本语法如下： outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit 从语法中可以看出outline和border边框属性的使用方法极其类似。outline-color相当于border-color、outline-style相当于border-style，而outline-width相当于border-width，只不过CSS3给outline属性增加了一个outline-offset属性，其取值说明如下。查看全部
-
不理解，后续查资料继续学习查看全部
-
animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both.查看全部
-
这个属性有两种情况 1、div:hover span { animation:paused;} 相当于清除了animation动画。元素的样式将会回到最原始的设置状态。 2、div:hover span { animation-play-state:paused;} 相当于中止动画。鼠标移开继续播放。查看全部
-
animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。 语法规则： animation-delay:<time>[,<time>]*查看全部
-
总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property duration timing-function delay; animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;查看全部
举报
0/150
提交
取消