发表于： 2016-07-07 00:34:33
1 1198
今天完成的事情：task7-1 header footer部分完成，main部分制作了约1/3。
明天计划的事情：完成7-1，7-2尽力完成
遇到的问题：
Q1.标签选择器优先级问题
<style>
DIV#divBox p span.red{color:red;}
><style>
<body>
<div id="divBox">
<p><span>s1</span></p>
<p><span>s2</span></p>
<p><span>s3</span></p>
<p><span class='red'>s4</span></p>
</div>
</body>
如果已经把.polaris下面span内的字体设置成红色：
.polaris span {color:red;}
这时，如果要改变.beijixing的颜色为蓝色，用下面的命令是不能实现的：
.beijixing {color:blue;}
A1:优先级应为 优先级（.polaros）+优先级（span）>优先级（.red）
Q2:在div中直接插入一个1920*600的图片，div的高度会变为603，在底部多出一行4px的空白
A2：貌似属于bug，目前发现四种解决方案，
1、给内部img添加 vertical-align: middle
2、给内部img添加 display: block属性
3、设置div高度为600px（在div中有较多元素时使用不方便）
4、给div添加属性font-size:0(该条只能在div中只有图片时用)
收获：学习了定宽布居的概念
返回列表
评论