慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕粉3348809

背景填充的线行渐变linear-gradient（to 方向/10deg 和最少2个色值）

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-05-14
慕粉3348809

position位置和size尺寸共存

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-05-14
慕粉3348809

尺寸可以用百分比显示，用2个像素值就是设置宽高

查看全部

0 采集收起来源：CSS3背景 background-size
2016-05-14
慕粉3348809

背景实用clip切图，如给边框加圆角可以切出圆角图片背景效果

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-05-14
weibo_大超_这不可能o口o_0

区别，在CSS3中的变形，如rotate(),skew(),scale(),translate()，都可以使用矩阵matrix()函数来代替。 matrix(长度缩放，y轴扭曲，x轴扭曲，宽度缩放，x位移，y位移) Matrix()与translate()关系：translate(x,y)对应Matrix(1,0,0,1,x,y); Matrix()与scale()关系：scale(x,y)对应Matrix(x,0,0,y,0,0); Matrix()与rotate()关系：rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0) Matrix()与skew()关系：skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-05-14
weibo_大超_这不可能o口o_0

实现元素水平、垂直居中 .wrapper { padding: 20px; background:orange; color:#fff; position:absolute; top:50%; left:50%; border-radius: 5px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-05-14
qq_心向远方_0

transition-property:指定过渡和动态模拟的css属性 transition-duration:指定完成过度所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-05-14
weibo_大超_这不可能o口o_0

-webkit-transform: rotate(0deg);这是在chorme或者苹果的safari浏览器能识别的 -moz-transform: rotate(0deg);这是在火狐firefox浏览器识别的 -------------------------------------------------------------------------------- span属于行内元素,一开始旋转不需要display:block,是因为旋转的是div这个块,而span被包含在div内,旋转时不受影响,后面旋转却是单独针对文本,所以需要将行内元素转变成块级元素

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-05-14
serena_mc

跨列设置column-span column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。 column-span: none | all none:此值为column-span的默认值，表示不跨越任何列。 all:这个值跟none值刚好相反，表示的是元素跨越所有列，并定位在列的Ｚ轴之上。

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2016-05-14
really4you

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2016-05-14
ThinkAllNight

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-05-13
雨路

不同浏览器的不同前缀： -webkit chrome和Safari； -moz Firefox； -ms IE; -o opera;

查看全部

0 采集收起来源：什么是CSS3？
2016-05-13
七寒谷

a元素不属于ul的子代元素，是孙代元素，所以是不会更改颜色的

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2016-05-13
涂山小狐狸3339196

-webkit-transform: rotate(0deg);这是在chorme或者苹果的safari浏览器能识别的 -moz-transform: rotate(0deg);这是在火狐firefox浏览器识别的 -------------------------------------------------------------------------------- span属于行内元素,一开始旋转不需要display:block,是因为旋转的是div这个块,而span被包含在div内,旋转时不受影响,后面旋转却是单独针对文本,所以需要将行内元素转变成块级元素

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-05-13
serena_mc

列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。语法规则： column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color> 取值说明： column-rule-width:类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。 column-rule-style:类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 column-rule-color:类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色)

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2018-03-22

首页上一页 528 529 530 531 532 533 534 下一页尾页

0/150

提交

取消

开始学习

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

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