为了账号安全,请及时绑定邮箱和手机立即绑定
我还正纳闷,感谢网友的指正,又学了一招
兼容模式就是:
background-color:rgb(255,255,255);
alpha:0.5;
filter:alpha(opacity=50);
设置多行省略: .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来显示...,代码如下:
这张图片我点不开,这么小的字貌似我看不清- -
学完一章,一做题才发现,之前学的还没有完全掌握.需要多做练习,才能巩固已学的知识,对学完的知识也有更深入的了解.希望慕课能多推出一些练习让学员来完成.一定会有更好的学习效果.
好可怕的代码
前面是给a加伪类,选中相应的li,后面就简单了,直接给img加target。把问题分开解决就简单多了
“自动运行”的勾能不能默认点上啊!真是受不鸟
/*使用伪元素制作导航列表项分隔线*/
.nav li{background:linear-gradient(to bottom,#e74c3c,#a82724,#e74c3c) no-repeat right/1.5px 20px;}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child {
background: none;
}
不简单呀 路远而道坚!
data-是自定义属性的写法,后面接你的属性名字,例如data-src-600px,data-laowang
img[data-src-600px]是用css选择包含自定义属性值[data-src-600px]的img标签
content表示生成文本
它里面的attr
content:attr(data-src-800px,url),表示获取自定义属性(左边的)的值(右边的)
试验了下 .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 里面!
没人觉得这边框特别难看么

已采纳回答 / qq_寒冰雨_03979172
可以写在title  下面 <style></style>标签里  跟script要分开
用伪类选择器不更好
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消