慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕数据9311134

阴影box-shadow是向盒子添加阴影，可添加一个或多个 box-shadow:x轴偏移量 y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式]

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-06-19
慕数据9311134

圆角效果 border-radius是向元素添加圆角边框 eg:border-radius:10px，所有角都使用半径为10px的圆角 border-radius:5px 4px 3px 2px,四个半径值分别是上角，右上角，右下角和左下角，顺时针 border-radius的值还可以用百分比或em,但兼容性目前还不太好

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-06-19
_benny

对于img和input元素不起作用。

查看全部

0 采集收起来源：CSS生成内容
2016-06-18
Y_20

“::after”和"::before“分别表示在元素后插入内容和在元素前插入内容，通常配合content一起使用，使用场景最多的就是清除浮动

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
_benny

正则^*$

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-06-18
_benny

to top , to right , to top rigth，，其实都是结束点的坐标，，，角度顺时针 12点钟方向开始旋转即可，，，即180° to bottom , 0°to top,45°to top right

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-06-18
_benny

圆角，图片边框，文字阴影和盒阴影，过渡、动画等

查看全部

0 采集收起来源：CSS3能做什么？
2016-06-18
_benny

-ms-(10+),-webkit,-moz-,-o,,,,内核

查看全部

0 采集收起来源：什么是CSS3？
2016-06-18
a1isa

标签选择器类选择器class . id选择器id # 属性选择器伪类

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-06-17
a1isa

css2 属性选择符分为上下文选择符 id和类选择符属性选择符

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-06-17
a1isa

background-attachment属性,定义背景图片随滚动轴的移动方式

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-06-17
genius泽

多列布局：columns：<column-width> <column-count>（栏数） column-width: auto <length> column-count：auto <integer>（最大列数） column-gap（列于列之间距离）: normal（默认1em） <length>（不为负）列表边框：column-rule:<column-rule-width><column-rule-style><column-rule-color> 跨列设置： column-span:none(默认值)all（跨所有列，并定位于z轴上）; 自由缩放属性： resize: none both horizontal vertical inherit 属性值取值说明 none 用户不能拖动元素修改尺寸大小。 both 用户可以拖动元素，同时修改元素的宽度和高度 horizontal 用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical 用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 inherit 继承父元素的resize属性值。外轮廓属性: outline: 属性值属性值说明 outline-color 定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，可以将此参数省略，省略时此参数的默认值为黑色。 outline-style 定义轮廓线的样式，属性为CSS中定义线的样式。在实际应用中，可以将此参数省略，省略时此参数的默认值为none，省略后不对该轮廓线进行任何绘制。 outline-width 定义轮廓线的宽度，属性值可以为一个宽度值。在实际应用中，可以将此参数省略，省略时此参数的默认值为medium，表示绘制中等宽度的轮廓线。 outline-offset 定义轮廓边框的偏移位置的数值，此值可以取负数值。当此参数的值为正数值，表示轮廓边框向外偏离多少个像素；当此参数的值为负数值，表示轮廓边框向内偏移多少个像素。 inherit 元素继承父元素的outline效果。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2018-03-22
genius泽

动画过渡属性动画过渡函数 ease 速度由快变慢 linear 匀速 ease-in 加速 ease-out 减速 ease-in-out 先加速再减速动画 transition：all .28s ease-in .1s Keyframes 关键帧， animation调用动画 animation:IDENT 播放时间播放方式开始时间播放次数动画播放方向; infinite无数次动画播放时间 animation-duration: <time> 动画播放方式 animation-timing-function:ease linear ease-in ease-out ease-in-out cubic-bezier(<number>, <number>, <number>, <number>) [, ease linear ease-in ease-out ease-in-out 开始播放的时间 animation-delay:<time> 播放的次数 animation-iteration-count: infinite <number> 播放的方向 animation-direction:normal alternate 页面加载时，动画不播放。代码如下：播放的状态 animation-play-state:paused; running和paused animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下：属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2018-03-22
genius泽

旋转rotate() 扭曲skew（x,y）水平和垂直方向同时扭曲， skewX（x）水平方向 skewY（y）垂直方向缩放scale（）位移 translate( ) 矩阵 matrix（）就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵原点 transform-origin()

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-06-17
genius泽

为边框应用背景字体的使用 @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 文本阴影 text-shadow: X-Offset Y-Offset（阴影的模糊程度） blur color; 图片原始起始位置 background-origin ： border-box padding-box content-box; 从边框，还是内边距（默认值），或者是内容区域开始显示。背景图片裁剪 background-clip：no-clip（不裁剪）图片的大小 background-size: auto（原始图片） <长度值> <百分比> cover contain（等比例缩放至紧贴容器某一边）

查看全部

0 采集收起来源：CSS3能做什么？
2018-03-22

首页上一页 495 496 497 498 499 500 501 下一页尾页

0/150

提交

取消

开始学习

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

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