抱歉,我上面一句说法不对,插入是平面上的插入,在这里我解释成为层次是配合position:absolute以及z-index。更有意义的理解请看前面章节(导航栏制作)这个练习题的代码
2016-03-23
我查阅了W3并且研究很久,这里的::before和::after是层次(类似于一层叠在一起的纸张之间的关系)上的前后。不是平面上的前后。大家注意区分。
2016-03-23
.effect::before, .effect::after{ (两个曲线边框阴影重叠)
content:"";position:absolute;
z-index:-1; (曲线边框被文字部分的边框覆盖)
box-shadow:0 0 20px rgba(0,0,0,0.8); (曲线边框阴影)
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px; 设置下面两个曲线边框的圆角
content:"";position:absolute;
z-index:-1; (曲线边框被文字部分的边框覆盖)
box-shadow:0 0 20px rgba(0,0,0,0.8); (曲线边框阴影)
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px; 设置下面两个曲线边框的圆角
2016-03-23
border-radius:100px / 10px;
"/" 前是横向半径,/后面是纵向半径
"/" 前是横向半径,/后面是纵向半径
2016-03-23
read-write和enabled感觉不是很适合啊。rw设置的样式并不会由于被点击输入框而随着en的设置改变border样式。
2016-03-23
:disabled对于文本讲解的例子而言,根本没用,不能设置样式。只有对于submit等这种不是text类型的才有用,我已经尝试很多种方法
2016-03-23
这个慕课网不好的地方无法回复评论,我们本身都是来学习的,学习的过程中会遇到很多问题的,大家彼此交流下,不懂的也希望有人解答下,但是你这样没有回复评论也没得提醒我自己有没有人回复我了。希望你们能改进下,谢谢。
2016-03-23
计协e家人
没看懂,为神马改变footer的盒子模型会引起sidebar的变化?不仅仅是改变了footer的盒子,是全部都改变了#header,.main,.sidebar,#footer看清楚代码都有的。
#header,
.main,
.sidebar,
#footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
没看懂,为神马改变footer的盒子模型会引起sidebar的变化?不仅仅是改变了footer的盒子,是全部都改变了#header,.main,.sidebar,#footer看清楚代码都有的。
#header,
.main,
.sidebar,
#footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
2016-03-23
-webkit-column-gap:3em;
-moz-column-gap:3em;
-o-column-gap:3em;
-ms-column-gap:3em;
column-gap:3em;
做出来的都不是效果图那样的,好懵,上一节也是。
-moz-column-gap:3em;
-o-column-gap:3em;
-ms-column-gap:3em;
column-gap:3em;
做出来的都不是效果图那样的,好懵,上一节也是。
2016-03-23