十天精通CSS3_技术问答

首页免费课十天精通CSS3 问答

十天精通CSS3

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46635
免费课程
                                
Sass入门篇
中级·104422
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128653
免费课程
                                
玩转Bootstrap（基础）
初级·314546
免费课程
                                
                难度初级
            
                时长 5小时 0分
            
                学习人数
            
综合评分9.40
                            485人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.3
                                简洁易懂
                            
                                9.2
                                逻辑清晰

全部评论问答未解决精华

柔顺济

input[type="text"]:read-write{
border:2px solid red;
}

0 7-6 CSS3选择器 :read-write选择器

2017-06-09

柔顺济

textarea:read-only{
border: 1px solid #ccc;
height: 50px;
resize: none;
background: #eee;
}

0 7-5 CSS3选择器 :read-only选择器

2017-06-08

柔顺济

::selection{
background: orange;
color: white;
}
::-moz-selection{
background: orange;
color: white;
}

0 7-4 CSS3选择器 ::selection选择器

2017-06-08

柔顺济

input[type="radio"]:checked + span {
opacity: 1;
}

0 7-3 CSS3选择器 :checked选择器

2017-06-08

柔顺济

input[type="submit"]:disabled {
background: #eee;
border-color: #eee;
color: #ccc;
}

0 7-2 CSS3选择器 :disabled选择器

2017-06-08

柔顺济

div {
margin: 30px;
}
input[type="text"]:enabled{
border: 1px solid #f36;
box-shadow: 0 0 5px #f36;
}
input[type="text"]:disabled{
box-shadow: none;
}

0 7-1 CSS3选择器 :enabled选择器

2017-06-08

LostMan_Z

由黑色转为渐变的过度可以么
transition: all .3s ease-out
background-color:#232423;
hover:
background-image:linear-gradient(to right,#FF7D8C,#FF1033);

0 3-2 CSS3颜色渐变色彩

2017-06-08

柔顺济

li {
background: green;
padding: 10px;
margin-bottom: 5px;
}

li:only-child {
background: orange;
}

0 6-14 CSS3 only-child选择器

2017-06-08

柔顺济

.wrapper>div:nth-last-of-type(5) {
background: orange;
}

0 6-13 CSS3 nth-last-of-type(n)选择器

2017-06-08

柔顺济

.wrapper > div:last-of-type{
background: orange;
}

0 6-12 CSS3 last-of-type选择器

2017-06-08

柔顺济

.wrapper > div:nth-of-type(2n-1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/
.wrapper > div:nth-of-type(2n+1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/
.wrapper > div:nth-of-type(odd),
.wrapper > p:nth-of-type(even){
background: orange;
}

0 6-11 CSS3 nth-of-type(n)选择器

2017-06-08

Sky_47

Mark! ::before和::after伪元素实现图片阴影效果

0 7-7 CSS3选择器 ::before和::after

2017-06-08

柔顺济

.wrapper>div:first-of-type {
background: orange;
}

0 6-10 CSS3 first-of-type选择器

2017-06-08

qq_永恒的蓝天_04017501

独生子女...厉害了

0 6-14 CSS3 only-child选择器

2017-06-08

柔顺济

ol>li:nth-last-child(5) {
background: orange;
}

0 6-9 CSS3 结构性伪类选择器—nth-last-child(n)

2017-06-07

柔顺济

ol>li:nth-child(2n+1) {
background: green;
}

0 6-8 CSS3 结构性伪类选择器—nth-child(n)

2017-06-07

首页上一页 83 84 85 86 87 88 89 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3