感想

今天学习了软谋公开课讲的网站换肤的页面,触动特别大,第一次对页面布局有了新的思考。

第一次我开始思考,我在搭建页面是要考虑的不仅仅是页面效果,还要考虑后面js操作时要用到的方法。并且好的页面的布局非常干净,结构一目了然。

<body class="default">
    <div>
        <div class="theme">
               <button class="btn btn-default" btn-name="default">默认</button>
               <button class="btn btn-green" btn-name="green">绿色</button>
               <button class="btn btn-blue" btn-name="blue">蓝色</button>
               <button class="btn btn-orange" btn-name="orange">绿色</button>
        </div>
        <div class="main-nav">
            <ul>
                <li><a href="#">首页<span>Home</span></a></li>
                <li><a href="#">公司概况<span>Company</span></a></li>
                <li><a href="#">新闻中心<span>News</span></a></li>
            </ul>
        </div>
        <div id="content" class="default">
            <p>欢迎来到我们的家</p>
        </div>
    </div>
</body>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值