Web基础之CSS实战

Web基础之CSS实战


一、前言:

好久没有更新我的博客了,最近实在太忙了;不过,再累也要坚持更新博客;最近会把没有更新的博客补上来,顺便复习和整理一下以前学的知识;

通过前面的学习,我们已经对HTML和CSS样式有了一定的了解;我们不能总是纸上谈兵,还是得真枪实弹的操练起来,尤其对我们这种特别需要动手能力的专业来说;

好吧,不说废话了;直接上项目:我们需要用我们前面学的知识完成下面的网页效果图:


不要看起来很简单,做起来就没你想的那么容易了;这里你会见识到DIV+CSS的厉害之处,可能刚学起来你会觉得好难调出这种效果;这时候你就需要有点耐心了,慢慢来;不会的地方可以去W3CSchool查一下API;


二、难点解析和注意事项:


这里需要用PS切图,把我们用到的图片切下来;首先我们的注意一下网页的整体布局;然后不要图简单,网页中有文字的地方就尽量自己把文字写上去;举个栗子,上图中微博微信下的文字,就是我们自己写上去的,而不是把整个图片截取下来放上去;这样做利于后面的维护,而且,很多网页的头部和底部基本是一样的,可以稍微修改下就能重用了;


三:项目框架图:

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值