4月15号工作-CSDN博客

本文链接：https://blog.csdn.net/xjwolaile/article/details/84419495

今天的工作
1、在帮公司里写页面和css


第一天的上班在上班中学习到了 不光是ID不能滥用连CLASS也不能滥用 只能用在适当的地方
DIV 最好也不要多用 主要的用处 是将内容包裹 这么写的话在有些方面会比每个都用CLASS差一点但是 在整体上来说是比每个都写CLASS要方便快捷的多 用户下载和查看会快捷的多

<!--其实在很多的地方我们都可以用到li 和 dt dd 这样的标签 好管理 也好操作 更加的方便了修改 下面是我的css-->
<body>
<div class="div_class_left aside-left">
	<ul class="publish-area aside-box ms-fix-float">
		<li><a><span class="icon">最新活动</span></a></li>
		<li><a><span class="icon icon-foodzine">美食活动</span></a></li>
		<hr />
	</ul>
	<ul class="area-cooking">
		<li><hr />区域:</li>
		<li><hr />菜系:</li>

	</ul>
	<div class="area-advertising ms-fix-float">
		<p>客户端广告位</p>
	</div>
	<img src="images/icon.png" />
</div>
</body>


.div_class_left{
	position:absolute;
	top:90px;left:230px;
	width:165px;height:600px;
}

/* aside-left */
.publish-area li{
  float:left;
  width:100%;
  font-weight:bold;
  font-size:16px;
}
.publish-area li a{
	float:left;
	width:100%;
	height:40px;
	background:url(../images/sign.png) no-repeat 100% 0;
}

.publish-area hr{
	float:left;
	width:152px;
}

.area-cooking li{
	position:relative;
	top:-30px;left:-200px;
	left:40px;
	width:100%;
	height:150px;
	font-size:16px;
	font-weight:bold;
}

.area-cooking li hr{
	position:relative;
	top:28px;left:-115px;
	width:1px;
	background-color:#F56356;
	border:0;
	height:16px;		
}

.area-advertising{
	float:align;
	width:165px;
	height:80px;
	background-color:#CCCCCC;
}

.area-advertising p{
	position:relative;
	top:40%;left:25%; 
	color:#FFFFFF;
	font-size:12px;

}

今天工作的重点就是 ms-fix-float float:left; 这两个
ms-fix-float 是在使用 float:left; 浮动后不会有重贴的现象
float:left; 这样设置的浮动能更具设置有这个浮动的容器的大小而自动变化大小来适应内容的增多或者减少
在写了float:left;的情况下在html5里都要带上ms-fix-float 这是一般情况下有些特殊情况就例外说

今天的单词

[1] cold /keuld/ 冷的
[2] float /fleut/ 漂浮
[3] grow /greu/ 生长