慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

挚爱欣

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

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-04-23
挚爱欣

@font-face { font-family : 字体名称; /*"MOOC Font";*/ src : 字体文件在服务器上的相对或绝对路径; /*url("http://www.imooc.com/Amaranth-BoldItalic.otf");*/ }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2018-03-22
挚爱欣

white-space:nowrap; 强制文本在一行内显示 overflow:hidden; 溢出内容为隐藏 text-overflow:ellipsis; 溢出时产生省略号的效果

查看全部

3 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-04-23
Sharoncoco

列间距column-gap column-gap主要用来设置列与列之间的间距，其语法规则如下： column-gap: normal || <length> 取值说明 normal:默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。 <length>:此值用来设置列与列之间的距离，其可以使用px,em单位的任何整数值，但不能是负值。例如：将内容分三列显列，列与列之间的间距为2em，实现代码为： column-count: 3; column-gap: 2em;

查看全部

0 采集收起来源：CSS3 列间距column-gap
2018-03-22
Sharoncoco

多列布局——column-count column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则： column-count：auto | <integer> 取值说明： auto:此值为column-count的默认值，表示元素只有一列，其主要依靠浏览器计算自动设置。 <integer>:此值为正整数值，主要用来定义元素的列数，取值为大于0的整数，负值无效。例如：将列分成四列显示，代码如下： column-count:4;

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2018-03-22
莫忘初心才能始终

<div> <input type="text" name="name" id="name" placeholder="我是可用输入框" /> 这个示例加name 有什么作用？还是标准书写规范

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2018-03-22
Sharoncoco

多列布局——column-width column-width的使用和CSS中的width属性一样，不过不同的是，column-width属性在定义元素列宽的时候，既可以单独使用，也可以和多列属性中其他属性配合使用。其基本语法如下所示； column-width: auto | <length> 说明 auto:如果column-width设置值为auto或者没有显式的设置值时，元素多列的列宽将由其他属性来决定，比如前面的示例就是由列数column-count来决定。 <length>:使用固定值来设置元素列的宽度，其主要是由数值和长度单位组成，不过其值只能是正值，不能为负值。

查看全部

0 采集收起来源：CSS3 多列布局——column-width
2018-03-22
Sharoncoco

CSS3多列布局：多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了语法： columns：<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。参数说明 <column-width>：主要用来定义多列中每列的宽度 <column-count>：主要用来定义多列中的列数举例：要显示2栏显示，每栏宽度为200px，代码为： columns: 200px 2; 到目前为止大部分主流浏览器都对其支持：但需要哦加前缀

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2018-03-22
来这干嘛

百分比值是相对于.wrapper的父容器的

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-04-23
御风天流

transition-timing-function: linear：线性过渡。 ease：平滑过渡。 ease-in：由慢到快。 ease-out：由快到慢。 ease-in-out：由慢到快再到慢。如果提供多个属性值，以逗号进行分隔在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一，在默认样式中声明元素的初始状态样式；第二，声明过渡元素最终状态样式，比如悬浮状态；第三，在默认样式中通过添加过渡函数，添加一些不同的样式。 transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间 transition: background-color .5s ease .1s;

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-04-22
来这干嘛

target有时可以取代点击事件 http://www.shejidaren.com/examples/css3-target/css3-target.html#tab3

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-04-22
流浪谁懂

</style> </head> <body> <div class="circle"> </div> <br/>

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2018-03-22
qqzhxl

背景颜色透明度：background-color:rgba(100,120,60,0.5);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-04-22
qqzhxl

为边框应用图片 :background:url(xx.jpg) 10px 20px no-repeat;

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-04-22
qqzhxl

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 0px 0px 12px 5px #33CC00 ; box-shadow:4px 2px 6px #333333 inset,

查看全部

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

首页上一页 984 985 986 987 988 989 990 下一页尾页

0/150

提交

取消

开始学习

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

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