HTML+CSS项目开发总结

　　好几天没更新博客了，刚实战完一个HTML+CSS的简单项目。经过几天的摸索，发现收益良多。之前只是单纯得写demo，看知识点，没有亲自实战项目。但实战过后才会了解，如何才能更好地提升自己的技术。针对这次项目开发，我总结了以下内容：

　　一、技术总结

　　　　1、公共样式的设定

　　　　在开始项目之前，我们可以先大体了解一下项目中每个页面的内容，比如字体样式，段落结构，文字大小等。我们可以针对这些内容来设定一个固定的样式文件。在开发中    就可以直接引入此文件，而无需再重复敲CSS代码。

/*基本样式*/* {  margin:0;  padding:0;        }body {  font-family: "微软雅黑";}.clear { /*清除两边浮动*/  clear: both;}.fl { /*清除左浮动*/  float: left;}.fr {  /*清除右浮动*/  float: right;}a { /*去掉链接的默认下划线*/  text-decoration: none;}li { /*去掉列表默认样式*/  list-style: none;}

   CSS代码：       .div1 {        width: 200px;        height: 200px;        background-color: #ccc;              position: relative;          font-size: 20px;        text-align: center;        line-height: 200px;      }      .div2 {        width: 200px;        height: 200px;        position: absolute;/*使其与父元素重合*/        top:0;        left:0;        background: rgba(21,85,144,0.2);        opacity: 0;/*先设置为透明*/        transition: all 0.3s;/*过渡效果*/        cursor: pointer;              }      .div2:hover {        opacity: 1;            }           

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：HTML+CSS项目开发总结

关键词：HTML