慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

indd

设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法： background-size: auto | <长度值> | <百分比> | cover | contain

查看全部

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

text-shadow: 0 1px 1px #fff设置阴影效果！！！

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-09-14
MudarOMundo

text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-14
MudarOMundo

text-overflow:ellopsis 这一行多余的就会变成省略号。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-14
外星人类

Flexbox布局，即伸缩布局盒模型（Flexible Box），用来提供一个更加有效的方式制定、调整和分布一个容器里项目布局，即使它们的大小是未知或者动态的，这里简称为Flex。 body { display:flex;//设置为flex伸缩布局 align-items: center;//纵向居中 justify-content:center;//横向居中 }

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2015-09-19
程序爱好者11

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

查看全部

0 采集收起来源：CSS3背景 background-clip
2015-09-14
程序爱好者11

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

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-09-14
程序爱好者11

box-shadow用来设置盒子阴影，text-shadow用来设置文字阴影

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-09-14
程序爱好者11

@font-face 用来加载服务器端的字体在浏览器显示，里面设置两个属性 font-family 和src字体路径

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-09-14
静止

Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 在一个“@keyframes”中的样式规则可以由多个百分比构成的，如在“0%”到“100%”之间创建更多个百分比，分别给每个百分比中给需要有动画效果的元素加上不同的样式，从而达到一种在不断变化的效果。经验与技巧：在@keyframes中定义动画名称时，其中0%和100%还可以使用关键词from和to来代表，其中0%对应的是from，100%对应的是to。 Chrome 和 Safari 需要前缀 -webkit-；Foxfire 需要前缀 -moz-。 Chrome和Safari: @-webkit-keyframes、-webkit-animation Foxfire: @-moz-keyframes、-moz--animation

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-09-14
程序爱好者11

一般情况下不设置强行在一行显示的话一般都会自动换行

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-14
程序爱好者11

1、text-overflow属性主要用来文字超出div时，显示省略号或者是剪切，要想实现这个效果还必须加上两个属性 overflow：hidden 和强行使文本在一行显示，要是不强行在一行显示就会换行，white-space：nowrap 2、word-wrap:用来表示超出换行

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-14
程序爱好者11

颜色渐变 linear-gradient

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-09-14
静止

transition: property duration timing-function delay;咳咳，这个动画语法要记一下。

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2015-09-14
静止

动画--过渡延迟时间 transition-delay transition-delay属性和transition-duration属性极其类似，不同的是transition-duration是用来设置过渡动画的持续时间，而transition-delay主要用来指定一个动画开始执行的时间，也就是说当改变元素属性值后多长时间开始执行。有时我们想改变两个或者多个css属性的transition效果时，只要把几个transition的声明串在一起，用逗号（“，”）隔开，然后各自可以有各自不同的延续时间和其时间的速率变换方式。但需要值得注意的一点：第一个时间的值为 transition-duration，第二个为transition-delay。例如：a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;}

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2015-09-14

首页上一页 777 778 779 780 781 782 783 下一页尾页

0/150

提交

取消

开始学习

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

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