慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

RedJoyy

多种阴影，box-shadow:2px 2px 6px red;

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-02-09
RedJoyy

外阴影

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-02-09
唯爱美

:root 实现根选择器定义<html>

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
聚散云烟

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

查看全部

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

变形--矩阵 matrix(a,b,c,d,e,f)

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-02-09
Vancys

变形--位移 translate 水平位移居中：translate(-50%,-50%);

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-02-09
menghuanbaolei

2-3 阴影 box-shadow（二） 1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量为正数时：阴影在右边， X轴偏移量为负数时：阴影在左边。 Y轴偏移量为正数时：阴影在下边， Y轴偏移量为负数时：阴影在上边。 2015年2月9日

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-02-10
聚散云烟

text-shadow: X-Offset Y-Offset blur color; X-Offset:表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移 Y-Offset:表示阴影的垂直偏移距离，如果期值为正值时阴影向下偏移，反之向上偏移 Blur:是指阴影的模糊程度，其值不能为负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0 Color:是指阴影的颜色，可以使用rgba色

查看全部

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

变形--缩放 scale()

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-02-09
menghuanbaolei

2-2 阴影 box-shadow（一） box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式] X轴偏移量：必需，水平阴影的位置，允许负值。 Y轴偏移量：必需，垂直阴影的位置，允许负值。阴影模糊半径：可选，模糊距离。阴影扩展半径：可选，阴影的尺寸。阴影颜色：可选，阴影的颜色，省略默认为黑色。投影方式：可选，（调置inset时为内部阴影方式，如果省略为外阴影方式）注意：inset可以写在参数的第一个或最后一个，其他位置是无效的。 2015年2月9日

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-02-10
Vancys

变形--扭曲 skew() 将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。 1.skew(x,y) 2.skewX(x) 3.skewY(y)

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-02-09
聚散云烟

text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出 text-overflow:clip | ellipsis clip表示剪切 ellipsis表示显示省略标记强制文本在一行内显示（white-space:nowrap）溢出内容为隐藏（overflow:hidden） word-wrap可以设置文本行为，当前行超过指定容器的边界时是否断开转行 word-wrap:normal | break-word normal:表示控制连续文本转行 break-word:表示内容将在边界内换行

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-02-25
Vancys

rotate(xdeg) x为整数：顺时针旋转 ,x为负数：逆时针旋转 -webkit:谷歌内核识别码 -moz：火狐内核识别码 -o:欧朋内核识别码 -ms:ie内核识别码

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-02-09
menghuanbaolei

2-1 圆角属性 border-radius 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 2015年2月9日

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-02-09
小花丶

:only-of-type 唯一类型的子元素

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2015-02-09

首页上一页 1101 1102 1103 1104 1105 1106 1107 下一页尾页

0/150

提交

取消

开始学习

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

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