慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Joanna

两句话解释什么是box-sizing 1. CSS2中，元素(例如div)的内边距(padding)和边框(border)会把元素自身撑大。想要个100*100px的div，都要事先计算，例如，内容80px + 内边距15px + 边框5px = 100px 2. CSS3中，新增 box-sizing 属性，如果设置元素为 box-sizing: border-box，那么元素的内边距(padding)和边框(border)不会再把元素自身撑大。例如，设置div为100*100px，那么无论div里内容、内边距、边框的宽高怎么变化，div的大小永远都是100*100px

查看全部

0 采集收起来源：CSS3 盒子模型
2017-03-14
qq_杜彩凤_0

1、阴影模糊半径值只能为正值，值为0表示阴影不模糊，值越大阴影的边缘越模糊。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2017-03-14
qq_杜彩凤_0

1、x轴偏移量、y轴偏移量、阴影模糊半径、阴影扩散半径、阴影颜色、投影方式

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2017-03-14
qq_杜彩凤_0

1、border-radius实现圆角效果 2、border-radius的值是顺时针效果 3、border-radius的值不仅可以使用px，还可以使用百分比或em 4、实心上半圆：高度是宽度的一半、左上角和右上角的值与高度的值一致 5、实心圆：高度和宽度的值设置成相同的，四个角的值为它们的一半

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2017-03-14
海棠来啦

左负右正，上负下正

查看全部

1 采集收起来源：CSS3边框阴影 box-shadow（二）
2017-03-14
qq_杜彩凤_0

css3增加了一些新的功能，比如圆角、图片边框、文字阴影和盒子阴影、过度、动画等，简化了前端开发人员的工作，加快了页面的载入速度。提高了页面的性能，比如先前需要用图片和脚本来实现的效果，现在只需要短短几行代码。

查看全部

0 采集收起来源：CSS3能做什么？
2017-03-14
qq_杜彩凤_0

为了更好的兼容，会加浏览器前缀。

查看全部

0 采集收起来源：什么是CSS3？
2017-03-14
Joanna

与relative的比较相同点：两者都是相对于本身移动位置区别： 1、当元素原来已经有position:absolute的时候，这时候你想相对于本身移动，可以使用translate 2、做动画的时候translate更适合，不会引起页面的重排和重绘 3、关于transform类的，可以使用GPU加速，提高浏览器的性能？总之：transform更适用于动画

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2017-03-14
Joanna

translate实现水平居中 1. top：50%，left：50%，是将色块的左上角定位在了屏幕的中央，但是，整体并不在中央； 2. translate的百分比是根据自身的宽度和高度来定的，translate(-50%,-50%) 配合 top：50%，left：50% 实现了居中

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2017-03-14
泡泡糖1002

第三第四个完全不知道怎么写。。。间隔时间太长都忘了

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2017-03-14
泡泡糖1002

CSS3背景 multiple backgrounds 多重背景，也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加，缩写时为用逗号隔开的每组值；用分解写法时，如果有多个背景图片，而其他属性只有一个（例如background-repeat只有一个），表明所有背景图片应用该属性值。语法缩写如下： background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 可以把上面的缩写拆解成以下形式： background-image:url1,url2,...,urlN; background-repeat : repeat1,repeat2,...,repeatN; backround-position : position1,position2,...,positionN; background-size : size1,size2,...,sizeN; background-attachment : attachment1,attachment2,...,attachmentN; background-clip : clip1,clip2,...,clipN; background-origin : origin1,origin2,...,originN; background-color : color; 注意：用逗号隔开每组 background 的缩写值；如果有 size 值，需要紧跟 position 并且用 "/" 隔开；如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 background-color 只能设置一个。

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2018-03-22
qq_微不足道_0

6个属性的意思的：第一个宽度比例1就是原大小，第二个是上下倾斜1就是2倍，2就是3倍，第三个是左右倾斜，数字和第二个一样的意思，第四个是高度比例1就是原大小，第五个是X方向的像素位移，X方向就是左右，第六个是Y方向的像素位移，X方向就是上下

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-03-14
三月花一世念

做题的时候差点蒙了，还在想哪来的三种，看完别人的之后才知道是奇数的表达方式 “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2017-03-14
三月花一世念

一个父亲有很多儿子和女儿，当我想设置他第一个儿子的样子，哪怕这个大儿子前面有十个女儿，只要设置儿子：first-of-type就可以找到并设置实例： .wrapper > p:first-of-type { background: orange;

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
三月花一世念

之前：last-child只是最后一个子元素。当想要找倒数第几个子元素的时候，就可以用:nth-last-child(n)。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2017-03-14

首页上一页 289 290 291 292 293 294 295 下一页尾页

0/150

提交

取消

开始学习

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

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