十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

GIAO01

把图片路径改为这个就可以通过
http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg

1 2-4 CSS3边框为边框应用图片 border-image

2024-08-17

电脑自由人

相对定位是相对于自身原有位置进行便宜，仍处于标准文档流中。局对定位脱离了文档流，偏移的参照基准是：有已定位的父元素以父元素为基准，无父元素（即无position）的话以<html>为基准。

0 2-1 CSS3边框圆角效果 border-radius

2024-07-30

yuanpinghua

:nth-child(n) 是 CSS 伪类选择器之一，用于选择元素在其父元素中的位置。这个选择器允许你选择作为父元素的直接子元素的第 n 个元素。

:nth-child(n) 中的 n 是一个表示位置的关键词或者表达式。它可以是以下的一些值：

关键词：比如 odd（奇数）或者 even（偶数），选择对应的位置。
表达式：比如 2n（选择偶数位置）、2n+1（选择奇数位置）等，这些表达式可以匹配对应位置的元素。

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

2023-12-26

qq_慕运维0289970

texe-shadow

0 4-1 CSS3文字与字体 text-overflow 与 word-wrap

2022-06-21

阵雨6260611

这样直接就是删除了首尾分割线的结果
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;

}

2 5-5 CSS3背景制作导航菜单综合练习题

2022-04-24

qq_慕先生8209610

div:not([id="footer"]){
background: orange;
}

0 6-3 CSS3 结构性伪类选择器—not

2021-08-31

qq_慕先生8209610

background-image:linear-gradient(to top left,red,orange,yellow);

0 3-2 CSS3颜色渐变色彩

2021-08-30

qq_慕先生8209610

background-color:rgba(255,255,255,0.5);

0 3-1 CSS3颜色颜色之RGBA

2021-08-30

qq_慕先生8209610

border-radius:50px 0px 0px 50px;

0 2-1 CSS3边框圆角效果 border-radius

2021-08-30

LeeSpark

background-clip:padding-box 内填充区域哦
content-box -> 内容区域

0 5-2 CSS3背景 background-clip

2021-06-18

qq_慕前端4582725

.wrapper span {
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
这样改在这里是正确的的，但是在visual code上显示不出来

0 8-2 CSS3中的变形--扭曲 skew()

2021-04-27

慕粉3720060

/*使用伪元素制作导航列表项分隔线*/
.nav li:not(:first-child):before{ content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}

1 5-5 CSS3背景制作导航菜单综合练习题

2021-04-14

慕粉3720060

//使用伪元素制作导航列表项分隔线
.nav li:before{
content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
//删除第一项和最后一项导航分隔线
.nav li:first-child:before{
content:none;
}

0 5-5 CSS3背景制作导航菜单综合练习题

2021-04-14

man_huihui

跟 jquery 差不多

0 6-1 CSS3选择器属性选择器

2021-01-22

man_huihui

挺好用，解决了之前直接给p opacity：0.5 导致文本也透明的情况，

0 3-1 CSS3颜色颜色之RGBA

2021-01-22

首页上一页1 2 3 4 5 6 7 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

十天精通CSS3