慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

执念如临刀尖

transform:scale(0.8); -ms-transform:scale(0.8); /* IE 9 */ -moz-transform:scale(0.8); /* Firefox */ -webkit-transform:scale(0.8); /* Safari 和 Chrome */ -o-transform:scale(0.8); /* Opera */

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2016-03-11
执念如临刀尖

变形--缩放 scale() 缩放 scale()函数让元素根据中心原点对对象进行缩放。

查看全部

1 采集收起来源：CSS3中的变形--缩放 scale()
2016-03-11
执念如临刀尖

变形--扭曲 skew() 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2016-03-11
从工藤新一到江户川柯南

div:empty { border: 1px solid green; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-03-11
从工藤新一到江户川柯南

div:not([id="footer"]){ background: orange; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
destine

如rotate(),skew(),scale(),translate()，都可以使用矩阵matrix()函数来代替。 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-03-11
从工藤新一到江户川柯南

before{ content:?; ... }

查看全部

0 采集收起来源：CSS生成内容
2016-03-11
从工藤新一到江户川柯南

resize one 用户不能拖动元素修改尺寸大小。 both 用户可以拖动元素，同时修改元素的宽度和高度 horizontal 用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical 用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 inherit 继承父元素的resize属性值。

查看全部

0 采集收起来源：自由缩放属性resize
2016-03-11
执念如临刀尖

:read-write选择器 “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2016-03-11
执念如临刀尖

“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，效果如下图所示：从上图中可以看出，用鼠标选中“专注IT、互联网技术”、“纯干货、学以致用”、“没错、这是免费的”这三行文本中，默认显示样式为：蓝色背景、白色文本。有的时候设计要求,不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2016-03-11
执念如临刀尖

:checked选择器在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2016-03-11
一支猫的烦恼

兼容性处理。-webkit-animation-duration, -moz-...

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2016-03-11
从工藤新一到江户川柯南

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
2016-03-11
goping

特别注意：当“transition-property”属性设置为all时，表示的是所有中点值的属性。中点值就是一个矩形两条对条线相交的点，也就是原点。当你想设置矩形旋转、缩放、位移等都按这个点为基地进行设置。你可以通过下面元素对原点进行设置 -webkit-transform-origin: top right;-moz-transform-origin: top right；transform-origin: top right;

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-03-11
执念如临刀尖

:disabled选择器 “:disabled”选择器刚好与“:enabled”选择器相反，用来选择不可用表单元素。要正常使用“:disabled”选择器，需要在表单元素的HTML中设置“disabled”属性。

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2016-03-11

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

0/150

提交

取消

开始学习

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

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