薛伯一-20221019-CSS项目实战 - 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

CSS项目实战

一、项目的基本流程

1.建立文件夹，下载所需素材文件等；

2.构思基本框架；

3.建立html文件；

3.写base的css文件，作为html的基本样式；

4.写代码，写一部分框架就修饰一部分CSS文件；

二、注意点

1.代码要遵循公司指定的样式，方便维护；

2.写好注释，一个模块的开始结束、特殊引用，错误调试最好都把注释写上。

代码一览：

<div class="shortcut">
      <div class="w">
         <div class="left-login">
            优购商城欢迎您！
            <a href="#">登录</a>
            <a href="#">免费注册</a>
         </div>
         <div class="right-login">
            <a href="#">我的订单</a>
            <span>|</span>
            <a href="#">我的优购</a>
            <span>|</span>
            <a href="#">会员</a>
            <span>|</span>
            <a href="#">企业采购</a>
            <span>|</span>
            <a href="#">客户服务</a>
            <span>|</span>
            <a href="#">网站导航</a>
         </div>
      </div>
</div>
顶部导航栏end