慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

ida_lin

理解的是ol:only-child

查看全部

0 采集收起来源：CSS3 only-child选择器
2015-11-04
q_阳阳羊_0

background-origin 设置元素背景图片的原始起始位置。语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-11-04
q_阳阳羊_0

文本阴影text-shadow text-shadow可以用来设置文本的阴影效果。语法： text-shadow: X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。比如，我们可以用下面代码实现设置阴影效果。 text-shadow: 0 1px 1px #fff

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-11-04
q_阳阳羊_0

1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-11-04
q_阳阳羊_0

border-shadow中要注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-11-04
q_阳阳羊_0

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-11-04
22不小了

3.多个媒体特性使用 Media Queries可以使用关键词"and"将多个媒体特性结合在一起。也就是说，一个Media Query中可以包含0到多个表达式，表达式又可以包含0到多个关键字，以及一种媒体类型。当屏幕在600px~900px之间时，body的背景色渲染为“#f5f5f5”，如下所示。 @media screen and (min-width:600px) and (max-width:900px){ body {background-color:#f5f5f5;} }

查看全部

0 采集收起来源：Media Queries使用方法
2018-03-22
poi丶

transition-timing-function: ease默认值由快到慢 linear恒速 ease-in加速，渐显效果 ease-out减速，渐隐效果 ease-in-out先加速，在减速

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-11-04
wnwn

matrix(长度缩放，y轴扭曲，x轴扭曲，宽度缩放，x位移，y位移)

查看全部

1 采集收起来源：CSS3中的变形--矩阵 matrix()
2015-11-03
22不小了

Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。

查看全部

0 采集收起来源：Responsive布局技巧
2015-11-03
wnwn

空格算内容

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-11-03
拖鞋酱

columns: 200px 2;

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2015-11-03
wnwn

background-sizing:【auto】/【x,y】/【n%,m%】/【cover】/【contain】设置背景图片的大小： auto是自动，图片原来多大就多大； x,y是指定具体值，单位为px； n%,m%是指定背景图的长宽比例，相对的是div(本元素)； cover:是将背景图等比例缩放，缩放到刚好全部占满本元素为止（这种情况可能长或宽其中之一会溢出而被舍弃）; contain:是将背景图等比例缩放，缩放到刚好长或宽刚好满足100%铺满本元素的长或宽即可（这种情况可能出现有长或宽不足100%）

查看全部

0 采集收起来源：CSS3背景 background-size
2015-11-02
lanyang_

<!doctype html> <html> <head> <meta charset="utf-8"> <title>boxshadow</title> <style> .boxshadow-outset{ width:100px; height:100px; box-shadow:4px 4px 6px #000, -4px -4px 6px,0 0 12px 6px #666 inset; } .boxshadow-inset{ width:100px; height:100px; box-shadow:4px 4px 6px #666 inset; } .boxshadow-multi{ width:100px; height:100px; box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; } </style> </head> <body> <h2>外阴影</h2> <div class="boxshadow-outset"> </div> <br /> <h2>内阴影</h2> <div class="boxshadow-inset"> </div> <br /> <h2>多阴影</h2> <div class="boxshadow-multi"> </div> </body> </html>

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2018-03-22
22不小了

@keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 启动动画@keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 启动动画 div:hover{ animation: changecolor 5s ease .1s; }

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-11-02

首页上一页 714 715 716 717 718 719 720 下一页尾页

0/150

提交

取消

开始学习

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

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