慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

keiu

在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。 transform-origin取值和元素设置背景中的background-position取值类似，如下表所示：

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2016-01-29
keiu

matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵，我在这里只是简单的说一下CSS3中的transform有这么一个属性值，如果需要深入了解，需要对数学矩阵有一定的知识。

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-01-29
keiu

scale 放大/缩小 transform:scale(0.8) translate 移动 transform:translate(-50%,-50%)

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2016-01-29
keiu

rotate 旋转 -webkit-transform:rotate (30deg); -moz-transform:rotate (30deg); transform:rotate (30deg); skew 扭曲 -webkit-transform:skew(30deg); -moz-transform:skew(30deg); transform:skew(30deg);

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2016-01-29
华时朝明

XX^=XX(以"XX"开头的类) XX$=XX(以"XX"结尾的类) XX*=XX(包含"XX"内容的类) 这个选择方式确实更加的强大

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
keiu

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}

查看全部

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

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

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2016-01-29
keiu

“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’” firefox加前缀-moz :read-only{} :-moz-read-only{}

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2016-01-29
keiu

有的时候设计要求,不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。 ::selection{} ::-moz-selection{}

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2016-01-29
华时朝明

这个算是比较大的收获，关于渐变式的分割线以前都是用切图的方式做出来的。这次当然也是花了较多时间去理解和尝试！！兴奋！！ :ater和:before的用法是比较强大的，我以前竟然不知道！！

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
keiu

:only-of-type 父元素中只有一种类型的子元素中的唯一一个类型子元素

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2016-01-29
于梦中

http://yangyicode.com/ccs3-flexbox-layout/ http://bbs.9ria.com/thread-195131-1-1.html http://www.w3cplus.com/css3/a-visual-guide-to-css3-flexbox-properties.html http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2018-03-22
于梦中

http://yangyicode.com/ccs3-flexbox-layout/ http://bbs.9ria.com/thread-195131-1-1.html http://www.w3cplus.com/css3/a-visual-guide-to-css3-flexbox-properties.html http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2018-03-22
keiu

:nth-of-type(n) 正数某种类型的第n个元素 :nth-last-of-type(n) 倒数某种类型的第n个元素

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2016-01-29
keiu

div:first-of-type 容器中的第一个div元素 div:last-of-type 容器中的最后一个div元素

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2016-01-29

首页上一页 640 641 642 643 644 645 646 下一页尾页

0/150

提交

取消

开始学习

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

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