慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

游侠骑士

text-shadow:X-Offset Y-Offset blur color;

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-10-17
游侠骑士

@font-face{ font-family:字体名称； src:字体文件在服务器的相对或绝对路径 }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-10-17
游侠骑士

linear-gradient(to 方向，起始颜色，终止颜色)

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-10-17
游侠骑士

color:rgba(R,G,B,A)

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-10-17
lovelyday

css3背景图片切换

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-10-16
拉面

图片切换代码，纯css3

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-10-16
qq_洛洛斯Cic_0

palaceholder="value"

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2018-03-22
ican2

:before :after是伪类 ::before ::after是伪元素

查看全部

0 采集收起来源：CSS生成内容
2015-10-16
拉面

read-only,用来显示默认的文本框的文字显示，非常好用

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2015-10-16
慕工程2323135

/*使用伪元素制作导航列表项分隔线*/ .nav li:before{ position: absolute; top: 15px; right: 0; content:""; height:20px; width:1px; background-image: linear-gradient(to top,#f95f57,#ff0f00,#f95f57); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:before{ background-image: none; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
慕工程2323135

background-image: url(http://img1.sycdn.imooc.com//54cf2365000140e600740095.jpg), url(http://img1.sycdn.imooc.com//54cf238a0001728d00740095.jpg), url(http://img1.sycdn.imooc.com//54cf23b60001fd9700740096.jpg); background-position: left top, 100px 0, 200px 0; background-repeat: no-repeat, no-repeat, no-repeat;

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-10-16
noodleko

创建一个flex容器任何一个flexbox布局的第一步是需要创建一个flex容器。为此给元素设置display属性的值为flex。在Safari浏览器中，你依然需要添加前缀-webkit， .flexcontainer{ display: -webkit-flex; display: flex; } Flex项目显示 Flex项目是Flex容器的子元素。他们沿着主要轴和横轴定位。默认的是沿着水平轴排列一行。你可以通过flex-direction来改变主轴方向修改为column，其默认值是row。 .flexcontainer{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } Flex项目移动到顶部如何将flex项目移动到顶部，取决于主轴的方向。如果它是垂直的方向通过align-items设置；如果它是水平的方向通过justify-content设置。 .flexcontainer{ -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; } .flexcontainer{ display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; align-items: flex-start; }

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2015-10-15
noodleko

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

查看全部

0 采集收起来源：CSS3 盒子模型
2015-10-15
菅亚伟

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
菅亚伟

:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-10-15

首页上一页 729 730 731 732 733 734 735 下一页尾页

0/150

提交

取消

开始学习

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

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