慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

玲ling玲

动态图片动画

查看全部

0 采集收起来源：什么是CSS3？
2016-01-14
古__月

注意: 同理,这个选择器的开始的位置也是1

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-01-14
古__月

nth-last-child(n)选择器: 这个选择器的使用和上面的nth-child(n)选择器的使用很相似,不同的是这个选择器的作用是从某父元素的最后一个子元素开始计算,也就是说为参数中的n赋值的时候,结果的显示是从最后的那个元素开始计算的

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-01-14
古__月

注意: 写nth-child(n)这个表达式的时候, 前面的n这个值是不需要修改的,具体的显示的时候是什么情况,看的是括号中的参数n的值是怎么变化的

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-01-14
古__月

:nth-child(n) 选择器用来定位某个父元素的一个或多个特定的子元素, 其中的n就是参数,但是n为0的时候不选取任何一个参数,n的取值范围是从1开始的,1表示选取的是第一个元素, 如: o1>li:nth-child(2n){ background:orange; } 表示的就是将偶数行的元素的背景颜色设置为橘黄色说明:其中的括号中的n也可以是表达式

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2018-03-22
古__月

:last-child 表示的是选择器选择的是最后一个子元素,如 ul>li:last-child{background:blue;} 意思就是改变列表中的最后一个li的背景色

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2018-03-22
古__月

:first-child 选择器表示的是选择父元素的第一个子元素E;

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2016-01-14
SuperManSuperWorld

-webkit chrome/safari -moz firefox -ms ie -o opera

查看全部

0 采集收起来源：什么是CSS3？
2016-01-13
Mohanna

Responsive设计——不同设备的分辨率设置下面我们一起来看看CSS3 Meida Queries在标准设备上的运用，大家可以把这些样式加到你的样式文件中，或者单独创建一个名为“responsive.css”文件，并在相应的条件中写上你的样式，让他适合你的设计需求： 1.1024px显屏 @media screen and (max-width : 1024px) { /* 样式写在这里 */ } 2.800px显屏 @media screen and (max-width : 800px) { /* 样式写在这里 */ } 3.640px显屏 @media screen and (max-width : 640px) { /* 样式写在这*/ } 4.iPad横板显屏 @media screen and (max-device-width: 1024px) and (orientation: landscape) { /* 样式写在这 */ } 5.iPad竖板显屏 @media screen and (max-device-width: 768px) and (orientation: portrait) { /* 样式写在这 */ } 6.iPhone 和 Smartphones @media screen and (min-device-width: 320px) and (min-device-width: 480px) { /* 样式写在这 */ }

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2016-01-13
Mohanna

由于Responsive设计是结合CSS3的Media Queries属性，才能尽显Responsive设计风格，但大家都清楚，在IE6-8中完全是不支持CSS3 Media。下面我们一起来看看CSS3 Meida Queries在标准设备上的运用，大家可以把这些样式加到你的样式文件中，或者单独创建一个名为“responsive.css”文件，并在相应的条件中写上你的样式，让他适合你的设计需求。脚本下载地址： media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>

查看全部

0 采集收起来源：Responsive设计——meta标签
2018-03-22
夕月

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

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2016-01-13
夕月

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

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-01-13
嗜睡剪刀手_爱德华

skew(x,y)和skewX(x)、skewY(y)需要结合transform使用；例如：<br> -webkit-transform: skew(-45deg);<br> -moz-transform: skew(-45deg);<br> transform:skew(-45deg);

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2018-03-22
夕月

使用::before和::after来清楚浮动 .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
夕月

“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。 ::-moz-selection:Firefox浏览器需要添加前缀

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2016-01-13

首页上一页 659 660 661 662 663 664 665 下一页尾页

0/150

提交

取消

开始学习

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

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