慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

feibenren

可以说Responsive设计离开了Medial Queries就失去了他生存的意义

查看全部

0 采集收起来源：Responsive设计（一）
2015-03-29
feibenren

animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。

查看全部

0 采集收起来源：CSS3中调用动画
2015-03-29
御风天流

第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-03-29
御风天流

color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值 background-color:rgba(100,120,60,0.5);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-03-29
御风天流

边角部分为裁掉了，可见repeat就是一直重复，然后超出部分剪裁掉，而且是居中开始重复。 Round 参数：Round可以理解为圆满的铺满。为了实现圆满所以会压缩（或拉伸）；图片被压扁了。 Stretch 很好理解就是拉伸，有多长拉多长。有多远“滚”多远。

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-03-29
xiaoxinxin008

border-radius是向元素添加圆角边框。border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 通过理解，可以根据高度宽度半径值得到任意方位半圆。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-03-29
筱雅吖

background-size:背景图片大小；（auto：不改变，数字，百分比，cover：背景填满，contain：一边紧贴容器边缘）

查看全部

0 采集收起来源：CSS3背景 background-size
2015-04-06
筱雅吖

裁剪图片背景background-clip background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框|内填充 |内容区域向外裁剪背景。no-clip表示不裁切

查看全部

0 采集收起来源：CSS3背景 background-clip
2015-03-29
筱雅吖

background-origin设置元素背景图片的原始起始位置。 background-origin ： border-box | padding-box | content-box; 设置的参数分别表示背景图片是从边框 |内边距（默认值） |内容区域开始显示。（*注意：如果背景不是no-repeat，这个属性无效，它会从边框开始显示）

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-03-29
筱雅吖

文本阴影text-shadow

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-03-29
筱雅吖

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

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-03-29
筱雅吖

1、实现溢出文本显示省略号效果：text-overflow:ellipsis;//表示显示文本溢出标记。 overflow:hidden;//设置溢出内容为隐藏。 white-space:nowrap;//强制文本在一行内显示。 2、word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。normal：控制连续文本换行

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-03-29
筱雅吖

backgroud-image:linear-gradient(to top left, red, yellow);//右下角到左上角的线性渐变。 linear-gradient:线性渐变。

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-03-29
feibenren

需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-03-29
御风天流

box-shadow: --X轴偏移量，如果正数在右边外则出现阴影，负数在左边外则出现阴影 --Y轴偏移量，如果正数在下边外则出现阴影，负数在上边外则出现阴影 --阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； --阴影扩展半径,在没有阴影的边也出现阴影，此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； --inset，让x,y变号，也就是左侧变右侧，上侧变下测，外面的阴影变成里面

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-03-29

首页上一页 1021 1022 1023 1024 1025 1026 1027 下一页尾页

0/150

提交

取消

开始学习

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

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