十天精通CSS3_技术问答

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

十天精通CSS3

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

Mickey哥

这道题里，本来的单选按钮（input[type="radio"]）被设置隐藏了（opacity:0），给单选按钮加了个box是为了显示外圈的橙色圆环；然后自定义了span样式作为小白点，并做了定位来让他显示在圆环中间；z-index就是为了让单选框的功能不被掩盖；
也就是说，用自定义的样式覆盖了单选框的默认样式，但是又保留了功能

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

2016-10-08

慕函数9666145

我还正纳闷，感谢网友的指正，又学了一招

1 9-7 CSS3中设置动画播放方向

2016-10-08

紫菜中毒

兼容模式就是：
background-color:rgb(255,255,255);
alpha:0.5;
filter:alpha(opacity=50);

16 3-1 CSS3颜色颜色之RGBA

2016-10-08

Triangel

设置多行省略： .test_demo{ text-overflow:ellipsis; overflow:hidden; width:200px; background:#ccc; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
这只能兼容webkit内核的，如果想要兼容其他浏览器，需要用到伪元素:after中的content来显示...，代码如下：

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

2016-10-08

努力赚钱

这张图片我点不开，这么小的字貌似我看不清- -

1 8-6 CSS3中的变形--原点 transform-origin

2016-10-08

qq_风一样的感觉_04063899

学完一章,一做题才发现,之前学的还没有完全掌握.需要多做练习,才能巩固已学的知识,对学完的知识也有更深入的了解.希望慕课能多推出一些练习让学员来完成.一定会有更好的学习效果.

1 7-8 切换背景图像综合练习题

2016-10-08

慕粉2250124430

好可怕的代码

0 1-1 什么是CSS3？

2016-10-07

慕函数9666145

前面是给a加伪类，选中相应的li，后面就简单了，直接给img加target。把问题分开解决就简单多了

0 7-8 切换背景图像综合练习题

2016-10-07

慕函数9666145

“自动运行”的勾能不能默认点上啊！真是受不鸟

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

2016-10-07

任务八中的 background-position: 0 0, 30px 30px;

最新回答 / 小儒生

为什么我改变他都没变化的==

2 回答 1028 浏览 9-10 制作3D旋转导航综合练习题

2016-10-07

13085407973867440

/*使用伪元素制作导航列表项分隔线*/
.nav li{background:linear-gradient(to bottom,#e74c3c,#a82724,#e74c3c) no-repeat right/1.5px 20px;}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child {
background: none;
}

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

2016-10-07

慕粉4128240

不简单呀路远而道坚！

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

2016-10-06

Churjan

data-是自定义属性的写法，后面接你的属性名字，例如data-src-600px，data-laowang
img[data-src-600px]是用css选择包含自定义属性值[data-src-600px]的img标签
content表示生成文本
它里面的attr
content：attr（data-src-800px，url），表示获取自定义属性（左边的）的值（右边的）

10 11-4 Responsive设计（一）

2016-10-05

小儒生

试验了下 .effect::before ,.effect::after{
content:"11";
height:10px;
border:1px solid black;

}
</style>
</head>
<body>
<div class="box effect">
<h3>Shadow Effect </h3>
<h3>Shadow Effect </h3>

</div>

.effect::before ,.effect::after插入的内容是在div 里面！

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

2016-10-05