慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

门上的摇晃头脑还在炫耀

background-clip:border-box(边框，默认) | padding-box(内边距) | content-box(内容区域) | no-clip(不裁切); //将背景图片做适当的裁剪以适应实际需要

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-03-11
门上的摇晃头脑还在炫耀

background-origin:border-box(边框) | padding-box(内边距) | content-box(内容区域); //设置元素背景图片的原始起始位置 *.背景必须是no-repeat才能生效

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-03-11
门上的摇晃头脑还在炫耀

text-shadow: X-Offset【偏移量x】 Y-Offset【偏移量y】 blur[模糊程度] color[阴影颜色，可以使用rgba]; //用来设置文本的阴影效果

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2016-03-11
门上的摇晃头脑还在炫耀

@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } //语法

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-03-11
门上的摇晃头脑还在炫耀

word-wrap:normal|break-word 设置文本行为，前者为连续文本，后者表示边界换行

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-03-11
门上的摇晃头脑还在炫耀

text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-03-11
门上的摇晃头脑还在炫耀

Css3笔记： border-radius:[左上角] [右上角] [右下角] [左下角] 顺时针 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式设置inset为内部阴影]; //设置多个阴影用逗号隔开 border-image:url(图片路径) x x x x(顺时针切割图片的宽度) [图片延伸方式，round平铺 repeat重复 stretch拉伸] *-color:rgba(R,G,B,A) //设置颜色和透明度 <strong>颜色渐变</strong> CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial) X-gradient(渐变方向[ 角度(单位:deg) 英文作用 0 to top 从下向上 90 to right 从左向右 180 to bottom 从上向下 270 to left 从右向左 to top left 右下角到左上角 to top right 左下角道右上角 ]，颜色，颜色，颜色...) x为渐变类型，线性用to,径向用at text-overflow:clip(剪切)|ellipsis(省略标记) //是否设置使用一个省略标记表示对象文本溢出

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2018-03-22
马上到福建1995

background-clip用来将背景图片做适当的裁剪一适应实际需要

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-03-11
马上到福建1995

background-origin设置元素北京图片的原始起始位置

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-03-11
马上到福建1995

text-shadow可以用来设置文本的阴影效果。

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2016-03-11
马上到福建1995

@font-face能够加载服务器端的字体问题，让浏览器端可以显示用户电脑里没有安装的字体

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-03-11
微积分2016

其中Screen、All和Print为最常见的三种媒体类型。

查看全部

1 采集收起来源：Media Queries——媒体类型（一）
2016-03-11
yangyuan

属性选择器 html代码： <a href="#" class="icon">我类名是icon</a> <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" title="我的title是more">我的title是more</a> css代码 /*E[att^="val"] 选择匹配元素E，且E元素定义了属性att，其属性值以val开头的任何字符串*/ a[class^=icon]{ background: green; color:#fff; } /*E[att$="val"] 选择匹配元素E，且E元素定义了属性att,且属性值以val结尾的任何字符串*/ a[href$=pdf]{ background: orange; color: #fff; } /*E[att*="val"] 选择匹配元素E，且E元素定义了属性att，其属性值任意位置包含了"val".换句话说，字符串与属性值中的任意位置相匹配*/ a[title*=more]{ background: blue; color: #fff; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
goping

经过测试和研究，关于四者的区别，大概懂了，写出来供大家看看。如有不对，请指出。对代码做一些调整后，有利于观察：将初始background设置为orange，姑且把这一帧叫做初始帧动画里面的red为第一帧，blue为最后一帧。将duration调短为5s，将delay调长为3s。下面就可以开始试了： 1. none：从初始帧orange开始，延迟3s后开始播放动画 red-->blue，动画完成后，跳回到初始帧orange。 2. forwards：从初始帧orange开始，延迟3s后开始播放动画 red-->blue，动画完成后，留在最后一帧blue. 3. backwards : 也是从初始帧orange开始，但是由于会迅速应用动画的第一帧，所以延迟没有用了，立马就闪到了第一帧red。动画完成后，跳回到初始帧orange。 4. both：同时具有forwards和backwards效果，即拥有forwards动画结束留在最后一帧blue的效果，也拥有迅速应用动画的第一帧red的效果。这样both综合的效果为：从初始帧orange开始，迅速跳到第一帧red，然后变化到最后一帧blue结束，并留在最后一帧blue。

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2018-03-22
yangyuan

1、在每个 <p> 元素的内容之前插入新内容： p:before { content:"台词："; } :before 选择器在被选元素的内容前面插入内容。请使用 content 属性来指定要插入的内容。 2、选择属于其父元素的首个子元素的每个 <p> 元素，并为其设置样式： p:first-child { background-color:yellow; } :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22

首页上一页 604 605 606 607 608 609 610 下一页尾页

0/150

提交

取消

开始学习

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

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