慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

MR_李

这章直接用的学生代码，记录下

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-09-28
小尧

box-shadow:x/y的正负之分会根据坐标轴的正负调整阴影在哪个边框

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-09-28
小尧

css3 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2015-09-28
417435584

练习css3

查看全部

0 采集收起来源：制作3D旋转视频展示区
2015-09-28
慕仔2685370

在（）中添加html的样式格式时，需要加上【】号。同属性筛选器

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2015-09-28
慕仔2685370

1.::after 有content=""属性时，表示添加元素，没有时表示选择器，写在末尾 2.:not(:target) :not(checked)

查看全部

0 采集收起来源：切换背景图像综合练习题
2018-03-22
vickyzhn

自由缩放属性resize 为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。在此之前，Web设计师为了要实现这样具有拖动效果的UI，使用大量的脚本代码才能实现，这样费时费力，效率极低。 resize属性主要是用来改变元素尺寸大小的，其主要目的是增强用户体验。但使用方法却是极其的简单，先从其语法入手。 resize: none | both | horizontal | vertical | inherit 取值说明：属性值取值说明 none 用户不能拖动元素修改尺寸大小。 both 用户可以拖动元素，同时修改元素的宽度和高度 horizontal 用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical 用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 inherit 继承父元素的resize属性值。例如：通过resize属性，让文本域可以沿水平方向拖大。代码为： textarea { -webkit-resize: horizontal; -moz-resize: horizontal; -o-resize: horizontal; -ms-resize: horizontal; resize: horizontal; }

查看全部

0 采集收起来源：自由缩放属性resize
2015-09-27
adamyolo

transform: translate(-50%, -50%);//平移其中，50%相对的是元素的宽度和高度的百分之五十，因此，用translate可以实现一个块状元素的水平垂直居中，而无需知道这个块状元素的宽度和高度。如下： top:50%; left:50%;

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2015-09-27
adamyolo

只计算选定的元素类型，在对其进行排序选择

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-09-27
xiachunhang

E[attr^="val"] 匹配E元素，且属性attr的值是以val开头 E[attr$="val"] 匹配E元素，且属性attr的值是以val结尾 E[attr*="val"] 匹配E元素，且属性attr的值包含val

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
adamyolo

所选择的子元素有且只能有一个

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2015-09-26
慕的地9104089

margin-top和margin-bottom对于一个内联元素来说是没有任何影响的。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-09-26
恭宽信

border-radius是向元素添加圆角边框。使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-09-26
恭宽信

border-radius是向元素添加圆角边框。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-09-26
恭宽信

个性化字体网页上的字体太单一？使用@Font-Face 轻松实现定制字体。

查看全部

0 采集收起来源：CSS3能做什么？
2015-09-26

首页上一页 757 758 759 760 761 762 763 下一页尾页

0/150

提交

取消

开始学习

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

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