display，visibility，meta知识

<div style="display:">显示</div>
<div style="display:none;">隐藏不占位</div>

<div style="visibility:">显示</div>
<div style="visibility:hidden;">隐藏占位</div>

<div visible="true" runat="server">显示</div>
<div visible="false" runat="server">消失不占位</div>

visibility:可见性，能见度，
display：显示
1）display
　　　　隐藏必须使用none值，该隐藏不占位，页面源代码可见。
　　　　显示可使用空或block或inline，意思分别为：无此属性、显示视为div（有换行符）、显示视为span（无换行符）。
　　2）visibility
　　　　隐藏必须使用hidden值，该隐藏占位，页面源代码可见。
　　　　显示可使用空或visible，意思分别为：无此属性、显示。
　　3）visible（服务器控件）
　　　　隐藏必须使用false值与runat="server"，该隐藏不占位，页面源代码不可见。
　　　　显示可使用空或true，意思分别为：无此属性、可见。

Block 是display的性质：block块状使用display：block制作横向导航菜单

就是比如可以把行元素 转换为快元素。比如<span></span><span></span>
两个span如果没用DISPLAY:BLOCK；那么它们就会在同一行。
但是如果<span style="display:block;"></span><span style="display:block;"></span>就会变成块 另其一行

meta：元
meta是html语言head区的一个辅助性标签;meta标签的作用有：搜索引擎优化(SEO)，定义页面使用语言等
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
http-equiv属性
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容
charset：字符集

<div style= "display:inline "> 444</div>
<div style= "display:inline "> dddd </div><br />
这里的display都设置为inline属性 输出的结果444 dddd 在同一行内，行内元素
如果不加inline 是块状元素
<div> 1 </div>
<div>2</div>

【block】

　　[1]不设置宽度时，宽度为父元素宽度

　　[2]独占一行

　　[3]支持宽高

【inline】

　　[1]内容撑开宽度

　　[2]非独占一行

　　[3]不支持宽高

　　[4]代码换行被解析成空格
;
.nav:li 是.nav的儿子元素 :first-child :代表过滤的意思，第一个元素

> 子选择器 +相邻选择器 ~ 同辈选择器