美文网首页
2019-02-22制作logo

2019-02-22制作logo

作者: 饥人谷_小霾 | 来源:发表于2019-02-23 20:52 被阅读0次

去掉a标签默认的蓝色
a标签没法变成蓝色,有两个属性互相冲突
这就用到选择器,因为body范围太大
a{
color:inherit;
}
inherit:继承父元素
结果如下

image.png

logo

新的写法
.topNavBar .logo .card{}
只影响自身

空格和垂直距离

image.png

解决rs和card之间的空隙
代码中间有空格

margin-right:4px

1.把两边高度都设为34px,“关于”的border-bottom有5px,top没有,所以要补齐 image.png

hover不用改,上下空间一样就是居中
2.高度设为38px
.topNavBar .logo {
font-size: 24px;
font-family:'Arial Black' ;
padding-top: 3px;
padding-bottom: 4px;

相关文章

网友评论

      本文标题:2019-02-22制作logo

      本文链接:https://www.haomeiwen.com/subject/ncuyyqtx.html