HTML简单布局day20210321
要求
效果
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
#div_title {
font-family: "simsun";
font-size: 100px;
color: #fe0000;
}
#div_top_hr {
width: 450px;
}
#div_text_author{
text-align: right;
font-weight: bold;
color: #FE0000;
}
#li_first_text{
text-indent:2em;
list-style: none;
}
ul{
list-style-type: square;
list-style-type: -moz-square;
}
.text_blod{
font-weight: bold;
}
.div_main_text {
font-size: 16px;
}
.div_second_title {
font-size: 18px;
color: #FE0000;
font-style: italic;
}
.div_bottom{
text-align: center;
}
.div_time{
display: inline;
}
#box1{
width: 20px;
height: 700px;
float: left;
background-color: #FE0000;
}
#box2{
margin-left:30px;
}
</style>
<body>
<div id="box1">
</div>
<div id="box2">
<div id="div_title">
企业文化
</div>
<div id="div_top_hr">
<hr color=#fe0000>
</div>
<div class="text_blod">
<li id="li_first_text">企业文化是企业为解决生存和发展的问题而树立形成的,被组织成员认为有效而共享,并共同遵循的基本信念和认知。 企业文化集中体现了一个企业经营管理的核心主张,以及由此产生的组织行为。</li>
</div>
<div id="div_text_author">
——《辞海》
</div>
<div class="div_second_title">
企业文化由三个层次构成:
</div>
<div class="div_main_text">
<ul>
<li>表面层的物质文化,称为企业的“硬文化”。包括厂容、厂貌、机械设备,产品造型、外观、质量等。</li>
<li>中间层次的制度文化,包括领导体制、人际关系以及各项规章制度和纪律等。</li>
<li>核心层的精神文化,称为“企业软文化”。包括各种行为规范、价值观念、企业的群体意识、职工素质和优良传统等,是企业文化的核心,被称为企业精神。</li>
</ul>
</div>
<div class="div_second_title">
发展趋势:
</div>
<div class="div_main_text">
<ol type="I">
<li class="text_blod">
企业文化愈发重要
</li>
随着企业内部人员的不断更替,未来企业的员工配置将是以“90后”为主的人员结构。“80后”员工与前人相比,彰显出极强的自我意识以及不安现状、浮躁虚荣等特点,同时还缺乏团队协作和实干精神。他们这种独特的个性将给企业带来巨大的压力。“90后”自身存在很多缺点,但是他们同时拥有追求快乐、思维活跃、敢于创新的优秀品质。关键在于如何正确引导。 什么东西能对“90后”进行正确引导,就是企业文化。首先要让“90后”从内心深处认同和理解所在企业的企业文化。因此对于中国企业未来的发展而言,企业文化的塑造和执行将成为制约企业成长的核心要素。
<li class="text_blod">
“领导者”文化还将盛行
</li>
企业文化具有鲜明的个性和差异性。不同的企业具有不同的成长经历和企业文化,而这往往是由企业经营者的文化素质、性格特征以及处理事情的能力等决定的。西方学者罗伯特·布莱克(Robert Blake)与简·穆顿(Jane S.
Mouton)在《新管理风格》中就提到:“现实中企业领导人的风格对企业的经营风格具有决定作用”。这就是在中国企业中普遍存在的“领导者”文化现象。
</ol>
<div>
<hr color=#fe0000>
</div>
<footer>
<div class="div_bottom">
<div class="div_time">更新时间</div>
<div id="localtime" class="div_time">
<script>
setInterval("document.getElementById('localtime').innerHTML=new Date().toLocaleString();", 1000);
</script>
</div>
</div>
<div class="div_bottom">
Copyright2020©qywh.com企业文化版权所有
</div>
</footer>
</div>
</body>
</html>