4月22号工作

今天的工作

1、
将自己在星期天写的其中一个比较复杂的页面全部从新写过了一遍收获很多首先是div的用处我以前种会是犯一个错误就是觉得用别的盒模式的标签可以代替div标签这样可以少写层盒模式可以简化自己的代码 其实这是不对的 div有着属于他自己的用处 以前都不知道 div几乎是最外围的div之一在不包裹上div的时候将页面的应该被包裹上的包裹上的标签直接暴露在外面那么他自己本身的位置在大的div里就会出先偏侧 就比如

<div class"xxx">
     <img src="xxx">
</div>

如果是这么写的话 当最外围的div里面只有一个元素的时候那么html 就默认他是img的div 位置不会发生错误 但是当里面出现两个以上的标签后 游览器就不知啊都要把这个div分配给那个标签来使用这样就造成了 标签在页面最在出现的位置就会出现偏差那么当你来调整这个标签的位置时就会出现定位的错误 可能在你的页面你定好了位置 但是当在其他的电脑上 或者不用的分辨率下的电脑上问题马上就暴露了出来 会出现全部乱掉

所以正确的写法是

<div class"xxx">
<div class"xxx">
     <img src="xxx">
</div>
<div class"xxx">
     <p>xxx<p>
</div>
</div>

是这么写的因为一个游览器就默认是一个标签的div位置不会出现变化 但是当出现两以上的标签时 那么就要在两个标签的外层在定义各一个div从而达到在最早显示的时候就正确那么你改起来的时候也是正确的 修改这样 后面在不一样的分辨率的显示器下也是一样的 还有更多的因素会导致坐标的偏差 比如定位标签的不同 等等。

2、

ms-fix-float

清理浮动效果的真正意识是本身不浮动 写入清理浮动后 是因为自己身体里有浮动当两个浮动重贴在一起i的时候 用清理浮动两个就会分开就算是两个标签同样的情况下也会分开但是在后面的定义当中

3、

<p>111</p><br />
<p>222</p>

这使用br是不对的不能用br来实现段于段之间的距离 首先这个标签的意思就不是用来实现段于段之间的距离 效果是可以这么用 但是就违反了这个标签的含义了 在正规的页面里不允许出现的

<p>111<br />222</p>

这样才是正确的写法因为要把br写在标签里 在标签的内部换行才是br被创造出来的意思 在做的文字只要一个p标签就可以了 那么分段的事就可以交给br来做 但是单独写在外部是不可以的

6、

text-align:center;

居中元素又有了新的认识 那就是居中元素到底居中的是什么 是div 还是div里面的标签元素答案其实是是居中div 在div的长度到达100%的时候是出现不了效果的 以为div已经把一个页面给铺满了 只有在有把div的长度设置为有限的才能达到居中的效果 那么当div居中后里面的标签就简单了 有一个话就会自己居中有多个的话就可意通过调节他们的间距来时间多个标签的居中效果

7、
昨天一直有一个问题 就是在做页面的尾部的时候做不出自适应效果来 一些东西都要定死了 那是以为我把body定死了长度 那么首先装页尾的div就达不到100%长度因为设置了也到不了游览器的铺满只能铺满在body设定的长度里铺满 所以今天上班以后就开始问结果解决的办法是只需要写出两个div就可以了 前面的把头和身体全部办过下面的就是尾巴的div头部和身体的div定长度就不会影响到页尾了div这样页面就可以在游览器铺满，在去定义里面的标签和内容居中。