4月18号工作

今天的工作
1、就是在设置虚线的时候
hr {border:1px dashed #777777;width:700px;}这样写只能在谷歌和火狐下识别成虚线在IE下识别成波浪线

想获得虚线并且在各个游览器下都获得支持于实现的办法有很多 我现在就写一个办法

<div class="introduce-head">
	<nav class="nav-head">
		<a>关于我们</a>
		<a><span class="black-overstriking">加入我们</span></a>
		<a>商家合作</a>
		<a>手机客户端</a>
		<a>服务条款</a>
	</nav>
</div>

nav标签定义导航链接的部分
如果文档中有“前后”按钮，则应该把它放到 <nav> 元素中。

nav-head{
.nav-head{
	background: transparent url(../images/dd.gif) repeat-x left bottom;
	text-align: center;
}
}
.introduce-head a{
	display: inline-block;
	margin: 0 25px;
	padding: 12px 0;
}
.black-overstriking{
	color:#000000;
	font-weight:bold;
	border-bottom: 2px solid #000000;
	padding: 14px 0;
}

.nav-head这里面的图片其实就是两个点 background: transparent设置为背景 url 载入的路径(src) repeat-x left bottom 横向铺满 text-align: center; 就是在有浮动定位时 不会被影响

.introduce-head a  display: inline-block; 就是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。

margin: 0 25px; 距右多少 padding: 12px 0;距高多少

.black-overstriking
border-bottom: 2px solid #000000; 在带有black-overstriking 的下面创建一个横线 有2个像素的宽度 长度和有black-overstriking 的长度一样 后面定义颜色

padding: 14px 0; 调整高度 这个高度不是距离页顶的高度 而是有 black-overstriking的高度 效果可以参考 http://segmentfault.com/ 的页尾 的关注我们的 链接的 效果！点击关注我们 后进入页面 在页面的上方有关注我们 下面有虚线和一跳短的实线 就是那个效果！

position: fixed;在页面的头部顶在上面怎么滚动都不会移动可以覆盖下面页面的信息可以选定位置然其不动

今天遇见了一个问题就是在刚开始的创建html文件的时候存储的类型选错了 导致到后面做完以后和其他的页面有所不同 后来发现是保存的时候类型选得是UTF-8无标签的 后面改成有标签的 还是改不会来 尝试了 很多办法都不行 就后发先是在保存的时候类型错了 在页面的游览器里的网页路径里面的类型修改不过来 所以在html文件里怎么修改怎么换都没用 只有换一个游览器 把里面让游览器去改自己内部存储的类型才可以！