前端易忘小知识点

1. css中+、>的用法

在写css样式时，经常会遇到想设置列表中的某一行

 <ul class="right nav_bar">
                <li><a href="">首页</a></li>
                <li><a href="">最新活动</a></li>
                <li><a href="">项目介绍</a></li>
                <li><a href="">爱心社区</a></li>
                <li><a href="">关于我们</a></li>
</ul>

比如我们想设置  爱心社区  和 关于我们 的样式，就可以使用下面的方式表示。

.navigation .nav_bar >li+li+li+li{ 

}

li+li表示和当前li同级的所有li标签。不包括父级li和子级li

li>li表示当前li的所有子级li标签。

2、

<meta name="viewport" content="width=device-width, initial-scale=1.0">

width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。

initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。