慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Lunay

checked选择器在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-02-02
魔法师蚂蚱

<label for="disabled">第一次见 'for'

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2018-03-22
Lunay

:enabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。示例演示通过“:enabled”选择器，修改文本输入框的边框为2像素的红色边框，并设置它的背景为灰色。 HTML代码: <form action="#"> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="可用输入框" /> </div> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="禁用输入框" disabled="disabled" /> </div> </form> CSS代码： div{ margin: 20px; } input[type="text"]:enabled { background: #ccc; border: 2px solid red; }

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2018-03-22
Lunay

only-of-type选择器 “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解，换一种说法。“:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。示例演示通过“:only-of-type”选择器来修改容器中仅有一个div元素的背景色为橙色。 HTML代码： <div class="wrapper"> <p>我是一个段落</p> <p>我是一个段落</p> <p>我是一个段落</p> <div>我是一个Div元素</div> </div> <div class="wrapper"> <div>我是一个Div</div> <ul> <li>我是一个列表项</li> </ul> <p>我是一个段落</p> </div> CSS代码： .wrapper > div:only-of-type { background: orange; }

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2018-03-22
Lunay

only-child选择器 “:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。示例演示通过“:only-child”选择器，来控制仅有一个子元素的背景样式，为了更好的理解，我们这个示例通过对比的方式来向大家演示。 HTML代码： <div class="post"> <p>我是一个段落</p> <p>我是一个段落</p> </div> <div class="post"> <p>我是一个段落</p> </div> CSS代码： .post p { background: green; color: #fff; padding: 10px; } .post p:only-child { background: orange; }

查看全部

0 采集收起来源：CSS3 only-child选择器
2018-03-22
晓娇

这看不懂什么意思

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-02-02
晓娇

伪元素不太懂

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-02-02
魔法师蚂蚱

odd evev 2n 2n+1

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-02-02
魔法师蚂蚱

“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2015-02-02
魔法师蚂蚱

ul > li:nth-child(2) { color: red; } >是子元素选择器，空格是后代选择器，他们的区别：后代选择器：匹配父子关系和祖先-后代关系子元素选择器：匹配父子关系

查看全部

1 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
萧萧520

每个百分比对应的是一段时间，20%*5 =1s，每隔1s变化1次

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-02-02
魔法师蚂蚱

结构性伪类选择器

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-02-02
魔法师蚂蚱

dashed 英[dæʃt] n. 虚线 origin [英]ˈɒrɪdʒɪn [美]ˈɔ:rɪdʒɪn n. 起源，根源;出身;[数]原点，起点;[解]（筋，神经的）起端

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-02-02
魔法师蚂蚱

blur 英[blɜ:(r)] 美[blɚ] n. 污迹，污斑;模糊不清的事物;暧昧不明在设置值得时候一定要加px

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-02-02
Lunay

last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的，不同的是他选择是父元素下的某个类型的最后一个子元素。示例演示通过“:last-of-type”选择器，将容器“div.wrapper”中最后一个段落元素背景设置为橙色（提示：这个段落不是“div.wrapper”容器的最后一个子元素）。 HTML代码： <div class="wrapper"> <p>我是第一个段落</p> <p>我是第二个段落</p> <p>我是第三个段落</p> <div>我是第一个Div元素</div> <div>我是第二个Div元素</div> <div>我是第三个Div元素</div> </div> CSS代码： .wrapper > p:last-of-type{ background: orange; }

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2018-03-22

首页上一页 1111 1112 1113 1114 1115 1116 1117 下一页尾页

0/150

提交

取消

开始学习

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

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