慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕粉4018805

:only-child 选择的是父元素中只有一个子元素，而且只有唯一一个，即匹配的元素仅有一个且是唯一一个子元素。

查看全部

0 采集收起来源：CSS3 only-child选择器
2017-03-28
慕粉4018805

:nth-last-of-life 选择父元素中指定的某种子元素类型，起始方向是从最后一个子元素开始

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2017-03-28
慕粉4018805

:last-of-life 选择是父元素下的某个类型的最后一个子元素

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2017-03-28
慕粉4018805

.first-of-type 主要用来定位一个父元素下的某个类型的第一个子元素

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2017-03-28
慕粉4018805

nth-last-child(n)----从父元素的最后一个子元素开始计算，选择特定的元素。

查看全部

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

:nth-child(n)--定位某个父元素的一个或多个特定的子元素注：其中n是参数，可以是整数，也可以是表达式如2n+1;

查看全部

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

CSS3的作用： CSS可以通过几行代码实现圆角、图片边框、文字阴影和盒阴影，过渡、动画等。 CSS3简化了前端开发工作人员的设计过程，加快页面载入速度。 CSS3有哪些强大的功能呢？例如：选择器：以前我们通常使用class、ID或tagname来选择HTML元素，ＣＳＳ３的选择器强大的难以置信。它们可以减少在标签中的class和ID数量更方便的维护样式表、更好的实现结构与表现的分离。圆角效果：以前做圆角通常使用背景图片，或繁琐的元素拼凑，现在很简单了border-radius轻松搞定。块阴影与文字阴影可以对任意DIV和文字增加投影效果。色彩：CSS3支持更多的颜色和更广泛的颜色定义。新颜色CSS3支持HSL，CMYK， HSLA and RGBA. 渐变效果以前只能用Photoshop做出的图片渐变效果，现在可以用CSS写出来了。IE中的滤镜也可以实现。个体化字体：网页上的字体太单一？使用@Font-Face轻松实现定制字体。多背景图：一个元素上添加多层背景图片。边框背景图：边框应用背景图片。变形处理你可以对HTML元素进行旋转、缩放、倾斜、移动、甚至以前只能用JavaScript实现的强大动画。多栏布局：可以让你不用使用多个div标签就能实现多栏布局。浏览器解释这个属性并生成多栏，让文字实现一个仿报纸的多栏结构媒体查询：针对不同屏幕分辨率，应用不同的样式

查看全部

0 采集收起来源：CSS3能做什么？
2017-03-28
利木

直接按属性值来写就好了，暂时不想去理解原理。

查看全部

0 采集收起来源：CSS3 盒子模型
2017-03-27
利木

把这课的全部代码手打一遍以便熟练吧。

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2017-03-27
ppyyrr

跨列设置column-span column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。 column-span: none | all 取值说明属性值属性值说明 none 此值为column-span的默认值，表示不跨越任何列。 all 这个值跟none值刚好相反，表示的是元素跨越所有列，并定位在列的Ｚ轴之上

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2017-03-27
慕粉1238145066

:not 除某元素之外的所有元素（的动作） div:not([id="footer"])//中间不能有空格

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
慕粉4018805

伪类选择器-- :target为目标选择器，用来匹配文档（页面）的url的某个标志符的目标元素。 1 通常，触发元素的url中的标志符通常会包含一个#号，后面带一个标识符名称如#brand 2 :target就是用来匹配id为“brand”的元素 3 当有多个url时，可以取不同的名字，只要#号后面对应的名称与id=""中的对应即可

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
慕粉4018805

否定选择器：not 可以选择除某个元素之外的所有元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2017-03-27
慕粉1238145066

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

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
qq_多年后_2

需重做

查看全部

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

首页上一页 276 277 278 279 280 281 282 下一页尾页

0/150

提交

取消

开始学习

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

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