朱安邦的 CSS 学习笔记

🌙
手机阅读
本文目录结构

前沿

本书不讲 CSS 基本属性的语法,你需要有一点 CSS 基础和 HTML 基础;如果没有基础,推荐查看阿西河的 HTML 教程和 CSS 教程;

本书主要从真实项目出发,引入原理和应用,让你解决真实项目种的问题同时,又学到知识。

每一种布局和效果,都会给出多种解决方案;

如果你是学习阶段,切记不要感觉只需要学会一种方法就可以了,其它的就不学了!

如果你是学习阶段,切记不要感觉只需要学会一种方法就可以了,其它的就不学了!

如果你是学习阶段,切记不要感觉只需要学会一种方法就可以了,其它的就不学了!

这种念头,一定不要有!因为本书的内容,不单单是告诉你结果,还会尽量简明扼要的讲对应的原理!

我的想法是让小伙伴们,以结果为导向的学习,这样学的会更有目的性,可以更容易开展知识点的讲解;

如果你是带着寻找结果的想法来看书,而不是抱着研究技术的心态来学习,那么你可能发挥不出这本书的真正价值。

https://pic4.zhimg.com/v2-37baacfe103e3adeedb610daacfb815b_r.jpg


  • 布局
  • 自适应(兼容多平台)
  • 常见效果
  • 组件封装

布局

所有 css 布局的根本都是 3 个基本概念:定位、浮动、外边距操纵

  • 水平居中
  • 垂直居中
  • 水平垂直都居中
  • CSS 图片布局
  • 一行一列(多个元素)
  • 一行两列
  • 一行三列
    • 一列固定宽度
    • 一列宽度自适应
    • 一列固定宽度居中
  • 单列布局
  • 两行一列
  • 两行两列
  • 两行三列
    • 二列宽度自适应
    • 二列右宽度自适应
    • 二列固定宽度居中
  • 三行一列
  • 三行两列
  • 三行两列
    • 三列浮动中间列度自适应
    • 高度自适应
  • 多栏布局
  • 双飞翼布局
  • 圣杯布局

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>