慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

咕噜莉莉酱

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

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2018-03-22
咕噜莉莉酱

。—。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-03-21
咕噜莉莉酱

可以用odd....

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-03-21
Emment熊熊

1、http://www.imooc.com/learn/243 2、同上 3、perspective:800px;景深 4、transition:all .5s linear; 5、transform:translateZ(-25px) rotateX(90deg); 6、transition:all .5s linear; transform:translateZ(-25px); 7、transform:totateX(0deg) translateZ(25px); transform:totateX(-90deg) translateZ(25px); 8、background-color:#78ade3; 9、transform:rotateX(0deg); .front .back →translateZ(25px); -webkit-transform:translateZ(-25px); -webkit-transform: translateZ(-25px) rotateX(90deg);

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2015-03-21
hekie

可视区域meta标签：<meta name=”viewport” content=”” /> 可以通过这个可视区域的meta标签进行重置，告诉他使用设备的宽度为视图的宽度，也就是说禁止其默认的自适应页面的效果，具体设置如下： <meta name=”viewport” content=”width=device-width,initial-scale=1.0” />

查看全部

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

响应式设计（Responsive设计）简单的称为RWD，是精心提供各种设备都能浏览网页的一种设计方法，RWD能让你的网页在不同的设备中展现不同的设计风格。”

查看全部

0 采集收起来源：Responsive设计（一）
2015-03-21
hekie

除了IE6-8浏览器不支持之外，在所有现代浏览器中都可以完美支持。 Media Queries在其他浏览器中不要像其他CSS3属性一样在不同的浏览器中添加前缀。

查看全部

0 采集收起来源：Media Queries使用方法
2015-03-21
hekie

【语法：@media 媒体类型and （媒体特性）{你的样式}】注意：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型），随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主要分为两个部分，第一个部分指的是媒体特性，第二部分为媒体特性所指定的值，而且这两个部分之间使用冒号分隔。例如： (max-width: 480px)

查看全部

0 采集收起来源：Media Queries使用方法
2015-03-21
hekie

【媒体类型（Media Type）】可以通过媒体类型对不同的设备指定不同的样式。W3C总共列出了10种媒体类型: All所有设备；Braille盲人用点字法触觉回馈设备；Embossed盲文打印机； Handheld便携设备；Print打印用纸或打印预览视图； Projection各种投影设备；Screen电脑显示器； Speech语音或音频合成器；Tv电视机类型设备； Tty使用固定密度字母栅格的媒介，比如电传打字机和终端【其中Screen、All和Print为最常见的三种媒体类型。】

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2015-03-21
hekie

display: -webkit-flex; display: flex; //垂直方向 -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center,[flex-start,flex-end]; align-items: center,[flex-start,flex-end]; //水平方向 -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center,[flex-start,flex-end]; justify-content: center,[flex-start,flex-end];

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2015-03-21
咕噜莉莉酱

学习了伪类的用法

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-04-14
hekie

chrome和sarafi需要-webkit-前缀，firefox需要-moz-前缀 animation-name: move;//动画名称 animation-duration: 10s;//动画持续时间 animation-timing-function: ease-in,[ease,linear,ease-out,ease-in-out,cubic-bezier(数字，数字，数字，数字)];//动画播放方式（速率变化） animation-delay: .2s;//动画延时 animation-iteration-count:infinite,[数字];//动画播放次数 animation-direction:alternate,[normal];//动画播放方向 animation-play-state:paused,[running];//动画播放状态 animation-fill-mode: both,[none,forwards,backwards]; //动画时间外属性

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2015-03-21
麻烦叫我琳儿啊啊

box-sizing: content-box | border-box | inherit content-box 让元素维持W3C的标准盒模型 border-box 让元素维持IE传统的盒模型 inherit 使元素继承父元素的盒模型模式

查看全部

0 采集收起来源：CSS3 盒子模型
2015-03-21
hekie

animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致【区分大小写】，如果不一致将不具有任何动画效果。

查看全部

0 采集收起来源：CSS3中调用动画
2015-03-21
hekie

针对“@keyframes”和“animation”，Chrome 和 Safari 需要前缀 -webkit-；Foxfire 需要前缀 -moz-。

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-03-21

首页上一页 1050 1051 1052 1053 1054 1055 1056 下一页尾页

0/150

提交

取消

开始学习

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

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