前端学习路线(2)——Git使用、DIV+CSS布局

Git使用、DIV+CSS布局

1. Git使用

  • 链接:
  • 任务:
    • 学会git的基本操作:git init git status git add git commit git branch git checkout git push git pull git diff git log
    • 将上节的练习代码上传到github上,以后的所有代码都需要上传到github上面,利用起git的仓库管理功能,每天都可以将自己的代码push上去(能显示你整个项目的进度)

2. DIV+CSS布局

  • 链接:
  • 知识点:
    • 宽度、高度的百分比、自适应以及最高最低限制
    • 浮动与消除浮动
    • 绝对定位、相对定位、固定定位
    • 圣杯布局以及双飞翼布局
  • CSS的布局没有死板的固定的几种,上面的都只是基础,具体的布局要看设计稿,要灵活地运用到相关的布局知识

3. 练习

  1. 实现圣杯布局以及双飞翼布局
  2. 按照以下设计图实现网站


    设计稿

    设计稿(标注)

    banner

    github logo

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 7,673评论 1 83
  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 1,393评论 0 60
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 122,731评论 15 534
  • 一看到“押上全部(All-in)”这几个字眼,我的脑海里就浮现出小时候看过的港台各种《赌神》、《赌圣》、《赌...
    昕夕逐浪阅读 19评论 0 0
  • “素贞,对不起。”白若碧虚弱的躺在地上。 白素贞没有说话,却流泪了。 白若碧的身体越来越透明,渐渐化作漫天飞雪。 ...
    浅蓁阅读 175评论 5 7