慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

KylinRenee

background-size: auto <长度值> <百分比> cover contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
KylinRenee

@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-07-18
南汐国际璐涵

cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2016-07-18
南汐国际璐涵

text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 三个配合起来才能实现省略号

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-07-18
三月桃花雪

x 为正逆时针，为负顺时针 y正好相反

查看全部

0 采集收起来源：CSS3中的变形--扭曲 skew()
2016-07-17
三月桃花雪

rotate()函数只针对块元素有效

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-07-17
Memoryin

matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-07-17
rain_summer

使用not选择器时，注意空格，空格会影响选择器的运行。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2016-07-17
clear_mooc

Media Queries是CSS3新增加的一个模块功能，其最大的特色就是通过CSS3来查询媒体，然后调用对应的样式

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2016-07-16
在你坟前蹭个WiFi

content-box 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

查看全部

0 采集收起来源：CSS3 盒子模型
2016-07-16
在你坟前蹭个WiFi

1. 参数说明 box-sizing属性定义盒元素尺寸的计算方法。其语法如下： box-sizing : content-box padding-box border-box inherit ; 取值说明如下。 content-box：默认值，计算方法为width/height=content，表示指定的宽度和高度仅限内容区域，边框和内边距的宽度不包含在内。 padding-box：计算方法为width/height=content+padding，表示指定的宽度和高度包含内边距和内容区域，边框宽度不包含在内。 border-box：计算方法为width/height=content+padding+border，表示指定的宽度和高度包含边框、内边距和内容区域。 inherit：表示继承父元素中box-sizing属性的值。

查看全部

0 采集收起来源：CSS3 盒子模型
2016-07-16
clear_mooc

把transition-property改成height就没有效果了

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-07-16
在你坟前蹭个WiFi

在自适应布局当中，在元素基础上添加内距padding，按照标准盒模型解析，往往会将布局撑破，但使用box-sizing的border-box值，可以让你轻松完成。

查看全部

0 采集收起来源：CSS3 盒子模型
2016-07-16
在你坟前蹭个WiFi

W3C标准盒模型外盒尺寸计算（元素空间尺寸） element空间高度＝内容高度＋内距＋边框＋外距 element空间宽度＝内容宽度＋内距＋边框＋外距内盒尺寸计算（元素大小） element高度＝内容高度＋内距＋边框（height为内容高度） element宽度＝内容宽度＋内距＋边框（width为内容宽度） 2.IE传统下盒模型（IE6以下，不包含IE6版本或”QuirksMode下IE5.5+”）外盒尺寸计算（元素空间尺寸） element空间高度＝内容高度＋外距（height包含了元素内容宽度、边框、内距） element宽间宽度＝内容宽度＋外距（width包含了元素内容宽度、边框、内距）内盒尺寸计算（元素大小） element高度＝内容高度（height包含了元素内容宽度、边框、内距） element宽度＝内容宽度（width包含了元素内容宽度、边框、内距）在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式，其语法规则如下： box-sizing: content-box border-box inherit 取值说明属性值属性值说明 content-box 默认值，其让元素维持W3C的标准盒模型，也就是说元素的宽度和高度（width/height）等于元素边框宽度（border）加上元素内距（padding）加上元素内容宽度或高度（content width/ height），也就是element width/height = border + padding + content width / height border-box 重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（IE6以下版本和IE6-7怪异模式），也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知，这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度（此处的内容宽度或高度＝盒子的宽度或高度—边框—内距）。 inherit 使元素继承父元素的盒模型模式其中最为关键的是box-sizing中content-box和border-box两者的区别，他们之间的区别可以通过下图来展示，其对盒模型的不同解析：

查看全部

0 采集收起来源：CSS3 盒子模型
2016-07-16
clear_mooc

在火狐上没有出现图片切换特效

查看全部

0 采集收起来源：切换背景图像综合练习题
2016-07-16

首页上一页 478 479 480 481 482 483 484 下一页尾页

0/150

提交

取消

开始学习

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

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