慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

3qfang

瞅瞅我的，哈哈

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2015-10-09
3qfang

backgroud-size:cover 覆盖填满

查看全部

0 采集收起来源：CSS3背景 background-size
2015-10-09
3qfang

background-origin 设置元素背景图片的原始起始位置

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-10-09
3qfang

text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-10-09
Arvin丶Tsang

.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%); transition:all 0.3; }

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-10-09
3qfang

RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 alpha透明度

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-10-09
3qfang

图片会自动被切割分成四等分。用于四个边框。

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-10-09
3qfang

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-10-09
pkjy

Media Queries的使用方法如下。 @media 媒体类型and （媒体特性）{你的样式} 1. 最大宽度max-width 2.最小宽度min-width “min-width”与“max-width”相反，指的是媒体类型大于或等于指定宽度时，样式生效。 3.多个媒体特性使用 4.设备屏幕的输出宽度Device Width 5. not关键词 6. only关键词到目前为止，CSS3 Media Queries得到了众多浏览器支持，除了IE6-8浏览器不支持之外，在所有现代浏览器中都可以完美支持。还有一个与众不同的时，Media Queries在其他浏览器中不要像其他CSS3属性一样在不同的浏览器中添加前缀。

查看全部

0 采集收起来源：Media Queries使用方法
2015-10-09
pkjy

常见的有：link标签、@import和CSS3新增的@media。 link方法引入媒体类型其实就是在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型。 <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> ---------------------------------------------------------------------- @import可以引用样式文件，同样也可以用来引用媒体类型。@import引入媒体类型主要有两种方式，一种是在样式中通过@import调用另一个样式文件；另一种方法是在<head></head>标签中的<style></style>中引入。 @importurl(reset.css) screen; ------------------------------------------------------------------------------------ @media是CSS3中新引进的一个特性，被称为媒体查询。在页面中也可以通过这个属性来引入媒体类型。@media引入媒体类型和@import有点类似也具有两方式。 @media screen { 选择器{/*你的样式代码写在这里…*/} }

查看全部

0 采集收起来源：media queries——媒体类型（二）
2018-03-22
pkjy

display:flex;//设置为flex伸缩布局 align-items: center;//纵向居中 justify-content:center;//横向居中

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2015-10-09
米雪321

transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数： ease:由快到慢，逐渐变慢 linear:恒速 ease-in:速度越来越快 ease-out:速度越来越慢 ease-in-out:先加速再减速

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-10-09
米雪321

div { width: 200px; height: 200px; background: red; margin: 20px auto; -webkit-transition:width 0.5s ease-in 0.5s; transiton:width 0.5s ease-in 0.5s; } div:hover { width:400px; }

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-10-09
pkjy

经过了一代又一代人们意识到数学不好玩，所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 box-sizing: border-box; ： http://zh.learnlayout.com/box-sizing.html

查看全部

0 采集收起来源：CSS3 盒子模型
2015-10-09
米雪321

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

查看全部

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

首页上一页 742 743 744 745 746 747 748 下一页尾页

0/150

提交

取消

开始学习

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

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