慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

qq_遠遠的欣賞_0

感觉设置了column-count，width之后，column-width无效

查看全部

0 采集收起来源：CSS3 多列布局——column-width
2015-07-24
mimimimimi_kun

matrix 6个属性的意思的：第一个宽度比例1就是原大小，第二个是上下倾斜1就是2倍，2就是3倍，第三个是左右倾斜，数字和第二个一样的意思，第四个是高度比例1就是原大小，第五个是X方向的像素位移，X方向就是左右，第六个是Y方向的像素位移，X方向就是上下

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-07-24
大白大白

translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 translate(%x, %y)中的百分比是自身的长宽，而不是其父元素

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-07-24
大白大白

旋转rotete( )，值为正顺时针旋转；变形skew( )，值为正逆时针变形；

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-07-24
mimimimimi_kun

CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); 第一个参数省略时，默认为“180deg”，等同于“to bottom”。则0deg向上 90deg(顺时针)向右 180deg向下270,-90度向左

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-07-24
海月明

a[class^=columnAboutUs[类名是什么] a[href$=doc]【结束的格式是什么】 a[title*=box]【只要含有这样的格式即可】

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-07-23
海月明

background-size: auto | <长度值> | <百分比> | cover | contain1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
海月明

background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。

查看全部

0 采集收起来源：CSS3背景 background-clip
2015-07-23
海月明

background-origin:background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-07-23
海月明

text-shadow可以用来设置文本的阴影效果。text-shadow: X-Offset Y-Offset blur color;【其中color可以用rgba来表示最后的a是1指明其透明度】

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-07-23
海月明

@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-07-23
海月明

text-overflow：clip（表示剪切）或者ellipsis（表示省略标志）要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-07-23
qq_遠遠的欣賞_0

img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: auto !important; height: 100%; position: fixed; top: 0; left: 50%; z-index:1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } 中使用 -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%) 和使用 margin-left:-50%;的区别在哪里？试验是影响了动画的起始点？为什么？

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-07-23
julygzz

transition: property duration timing-function delay 属性过度所需时间过度函数指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2015-07-23
拖鞋酱

animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 div { width: 200px; height: 200px; background: red; margin: 20px auto; -webkit-animation-name:redToBlue; -webkit-animation-duration: 20s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 1s; -webkit-animation-fill-mode: both; }

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-07-23

首页上一页 852 853 854 855 856 857 858 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果