CSS3第5章简答题4

版权声明：@桔橘酱 https://blog.csdn.net/weixin_44100210/article/details/89235595

ps:首先创建一个名为"chuxiangyu"的css文件,代码如下:

div{
width: 400px;
background: -moz-linear-gradient(to bottom,#caeffe,#ffffed);
}
h1{
text-align: center;
color: #1a66b3;
font-size: 18px;
text-shadow: black 2px 1px 1px;
}
p{
font-size: 12px;
text-indent: 2em;
line-height: 22px;
}
span{
font: 18px bold;
color: #533199;
text-shadow:2px 1px 1px #FFFFED,#4D4D4D 3px 2px 2px;
}
em{
color: #2538ff;
font-size: 16px;
}
p:last-child{
text-decoration: underline;
color: #2b980c;
}
h1 span{
color: #4D4D4D;
font-size: 12px;
text-shadow: black 1px 1px 1px;
}

ps:申明一点:我所连接的css表和我所创建的html文件属于同级,所以为什么链接外部样式表的地址(href)是chuxiangyu.css而不是…/chuxiangyu.css或者是…/…/chuxiangyu.css,因为…相当于返回上一级的意思.

ps:介于我们想达到的效果可能会有所误差,特附上页面完成效果图,以此为鉴.