慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

BiLaL

transform-origin只有在定义了transform 转换属性时才有用可以这样transform-origin: left top;也可以transform-origin:(100% 50%);

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2015-05-06
BiLaL

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-05-06
BiLaL

位置移动transform: translate(50px,100px); x/y translateX()和translateY()可以单独设置 transform: translate(50px,0);等同于transform: translate(50px);

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-05-06
BiLaL

缩放transform: scale(1.5,0.5); x/y 默认值为1，比1小的即缩小，比1大的即放大,允许有小数，小数点后可以有两位 transform: scale(1.5)等同于transform: scale(1.5,1.5) scaleX()和scaleY()用于单独设置

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-05-06
BiLaL

-webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); transform:skew(-45deg);

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2015-05-06
BiLaL

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

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-05-06
BiLaL

慢慢来。。

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-05-06
BiLaL

上面代码作用在class名叫.effect上的div的前（before）后(after)都添加一个空元素，然后为这两个空元素添加阴影特效 ::before和::after ::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。

查看全部

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

“:disabled”选择器刚好与“:enabled”选择器相反，用来选择不可用表单元素。要正常使用“:disabled”选择器，需要在表单元素的HTML中设置“disabled”属性。示例演示通过“:disabled”选择器，给不可用输入框设置明显的样式。 HTML代码： <form action="#"> <div> <input type="text" name="name" id="name" placeholder="我是可用输入框" /> </div> <div> <input type="text" name="name" id="name" placeholder="我是不可用输入框" disabled /> </div> </form> CSS代码 form { margin: 50px; } div { margin-bottom: 20px; } input { background: #fff; padding: 10px; border: 1px solid orange; border-radius: 3px; } input[type="text"]:disabled { background: rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15); color: rgba(0,0,0,.15); }

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2018-03-22
BiLaL

在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。示例演示通过“:enabled”选择器，修改文本输入框的边框为2像素的红色边框，并设置它的背景为灰色。 HTML代码: <form action="#"> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="可用输入框" /> </div> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="禁用输入框" disabled="disabled" /> </div> </form> CSS代码： div{ margin: 20px; } input[type="text"]:enabled { background: #ccc; border: 2px solid red; }

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2018-03-22
BiLaL

“:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解，换一种说法。“:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2015-05-06
BiLaL

“:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。

查看全部

0 采集收起来源：CSS3 only-child选择器
2015-05-06
BiLaL

:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的，选择父元素中指定的某种子元素类型，但它的起始方向是从最后一个子元素开始，而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2015-05-06
BiLaL

“:last-of-type”选择器和“:first-of-type”选择器功能是一样的，不同的是他选择是父元素下的某个类型的最后一个子元素。

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2015-05-06
BiLaL

first-of-type选择器定位父元素下第一个某类型的子元素 .wrapper>p:first-of-type{ } class wrapper下第一个p

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22

首页上一页 962 963 964 965 966 967 968 下一页尾页

0/150

提交

取消

开始学习

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

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