按照你的问题应该是添加样式后没有反应
首页 可以给你的html添加 行内样式：如<p style="font-size:24px"></p>
其次可以在页面中也如样式如：
<style>
p{ font-size:24px}
</style>
3. 可以引入外部样式：<link href="style.css" rel="stylesheet" type="text/css" /> 意思就是创建一个 名字叫style的CSS文件 并用 link标签引入
你没注意到你在定义 css 之后都加了一个【分号】吗？
background: black}
z-index: 9}
这个分号是错误的，去掉就好了。
至于外层显示正确那是因为分号是在 zdiv 之后出现的，所以导致后面的 css 全部错误。
这是Chrome浏览器开发者工具提供的，行内样式是可以再html的标签里显示，同时，当你选中该标签时，右侧也会显示该css样式，修改右侧或者html标签样式两端都可以同步。这是浏览器提供的功能，不需要插件。
当然只有行内样式才可以。
