慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

流沙forever

background的语法缩写： background:[background-color][background-image][background-position][/background-size][background-repeat][background-attachment][background-clip][background-origin] 设置background-size的时候一定要在background-position后面，并且用/隔开

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-09-18
流沙forever

work-wrap:break-word; 给单词强行断句 white-space:nowrap;强制文本显示在同一行 text-overflow:ellipsis; 超出容器后显示省略号

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-09-18
THBMK

nth-of-type(n)选择器 “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2016-09-18
THBMK

结论： :first-child 匹配的是某父元素的第一个子元素，可以说是结构上的第一个子元素。 :first-of-type 匹配的是某父元素下相同类型子元素中的第一个，比如 p:first-of-type，就是指所有类型为p的子元素中的第一个。这里不再限制是第一个子元素了，只要是该类型元素的第一个就行了。同样类型的选择器 :last-child 和 :last-of-type、:nth-child(n) 和 :nth-of-type(n) 也可以这样去理解。

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2016-09-18
霜花似雪

CSS3外轮廓属性

查看全部

0 采集收起来源：CSS3外轮廓属性
2016-09-17
霜花似雪

Media Queries——媒体类型（一）

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2016-09-17
墨依

边框应用图片：border-image。背景图：background:url(xx.jpg) 10px 20px no-repeat; 应用图片：border-image:url(图片路径) 10 10 10 10 （切割图片的高度，单位px和百分比，遵循顺时针来分别设置，也可以简写为10.）repeat（图片延伸方式，三个可选：round 平铺,repeat 重复,stretch 拉伸）

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-09-17
霜花似雪

设置动画播放方向

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-09-17
霜花似雪

变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-09-17
慕粉3724715

<link href='http://fonts.googleapis.com/css?family=Fruktur' rel='stylesheet' type='text/css'><br> <link href="style.css" rel="stylesheet" type="text/css"> webkit chrome和safari浏览器 -moz firefox浏览器 -ms IE -o opera浏览器

查看全部

0 采集收起来源：什么是CSS3？
2018-03-22
墨依

-webkit chrome和safari浏览器 -moz firefox浏览器 -ms IE -o opera浏览器

查看全部

0 采集收起来源：什么是CSS3？
2016-09-17
霜花似雪

属性选择器 a[class^="定义所有命名开头一样的值的样式"]{} a[class$="定义所有命名结尾一样的值的样式"]{} a[class*="定义所有命名中出现相同的值的样式"]{}

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
霜花似雪

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

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
霜花似雪

文本阴影text-shadow text-shadow可以用来设置文本的阴影效果。语法： text-shadow: X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。比如，我们可以用下面代码实现设置阴影效果。 text-shadow: 0 1px 1px #fff

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2016-09-16
慕粉木粉

-webkit chrome和safari浏览器 -moz firefox浏览器 -ms IE -o opera浏览器

查看全部

0 采集收起来源：什么是CSS3？
2016-09-15

首页上一页 405 406 407 408 409 410 411 下一页尾页

0/150

提交

取消

开始学习

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

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