为了账号安全,请及时绑定邮箱和手机立即绑定
针对google那是完美的实现,,哈哈
兼容性都没讲
页面很炫,做出来好难
<lable for="usename">我是选中状态</lable>
应该是<label>
编辑器支持多行游标,快捷键和sublime一样。
如果直接使用没有效果记得加上浏览器前缀。
前面的还挺简单的,很不错的课程,要是有视频的就好了。
把图片链接修改了一下,效果如下,点击即可查看
https://output.jsbin.com/qohevuzodu/1
适当修改了,添加选择器以后的一些问题,修改了一些原有的样式以及结构,代码可以查看
https://jsbin.com/ziyohapilu/edit?html

已采纳回答 / 小小东_whd
这里的编译器可能有个bug,你去掉15px中的px单位就可以了。
不是只需一句*{box-sizing:border-box;}吗?谁能告诉我为什么不用这个
=============>
你都滥用通配符了,还要问为什么。
/*
background-clip:用来将图片做适当的裁切以适应实际需要!
background-clip:padding-box[从内填充开始裁切],
border-box[从边框开始裁切],
content-box[从内容区开始裁切],
no-clip[不裁切]


*/
a{ background:green; }
a[class^='column']{ background:red; }
a[title*='box']{ background:blue; }

为什么一定要来个a[href$='doc'],这样感觉好傻。
/*使用伪元素制作导航列表项分隔线*/
.nav li:after {
background-image:linear-gradient(to bottom,#f65f57,#B34439,#f65f57);
content:"";
width:1px;
height:20px;
position:absolute;
right:1px;
top:50%;
margin-top:-10px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after {
background-image:none;
}
/*制作圆*/
border-radius:5px;
/*制作导航立体风格*/
box-shadow:0px -5px #B34439 inset;
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消