【CSS 知识总结】目录 - CSS 知识点梳理

theme: fancy

「这是我参与11月更文挑战的第19天，活动详情查看：2021最后一次更文挑战」。

一，前言

伴随着整个11月份的忙碌，终于，还是匆匆地完结了 Promise 源码部分

（备注：后续会找完整的时间来更新一些常见面试题的分析）

从今天开始，进入 CSS 总结部分；

本篇将针对 CSS 相关知识点进行一次简单的梳理，并列出一个学习目录；

效果类似这样:【Promise 源码学习】目录 - Promise 知识点梳理

二，CSS 知识点梳理（专栏目录）

主题	知识点
HTML 部分	HTML 的语义化 HTML 扩展简介
CSS 选择器部分	常用选择器分类和使用说明 CSS 选择器的权重和优先级 CSS 选择器-伪类和伪元素 CSS 变量 var
布局部分	CSS 布局概述 CSS 布局-居中布局-水平居中布局 CSS 布局-居中布局-垂直居中布局 CSS 布局-居中布局-水平垂直居中布局两列布局三列布局圣杯布局双飞翼布局等分布局等高布局全屏布局 CSS3 实现多列布局 BFC 的原理和应用 IFC 的原理和功能
定位和层叠上下文部分	定位的实现原理 Position Fixed、sticky 层叠上下文的形成相同/不同层叠上下文的层叠顺序层叠上下文和 z-Index 的关系
响应式布局部分	像素、独立像素、CSS像素、像素密度 ppi、设备比率 Devicepixelratio Viewport 缩放的适配媒体查询 @Media CSS 的长度单位 px、Em、%、Vw、Rem 等 flex 弹性盒布局
CSS 预处理部分	Less & Sass
Icon 部分	多种 Iconfont 及使用方式纯 CSS 实现 Icon
动画部分	Transform 变形 Transition 过渡 Animation 动画帧动画
其他	移动端响应式布局技巧页面的布局方式等

三，结尾

如果对 CSS 做一个评价，那就是：入门简单，精通困难；

CSS 布局，包含 HTML 骨架和 CSS 样式两部分，也是整个前端视图层的核心；

页面布局需要关注页面样式的兼容性、代码的可维护性、后续的扩展性以及浏览器渲染性能；

有时候，仅从一个页面的布局设计，就能够看出一个开发者的布局思路、经验和手法；

所以， CSS 布局的相关知识点也是在面试中的核心考察点、必考项；

本篇，暂时先列出一个大致的操作方向，随更新再进行补充和完善；

【CSS 知识总结】目录 - CSS 知识点梳理相关推荐

CDA 数据分析师 Level1 基本知识（3）--知识点梳理
考点1:撰写业务分析报告定义:时间段内的综合性事件评估作用:了解该事件段内的业务事实表现分类:静态报告:WorD,PDF或PPT的格式可视化看板:交互式可视化流程: 1.业务理解:抓住问题核心 ...
python爬虫知识大全_（硬知识）Python爬虫知识点梳理，认真看好好学
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理以下文章来源于腾讯云作者:企鹅号小编 ( 想要学习Python?Python学习 ...
html和css知识,html和 css基础知识
1.字体格式:font-size:12px 设置字体大小,默认是12px. font-size:1.5em 设置字体是1.5倍父字体的大小,就近原则.比如说,父字体是12px,那 ...
保姆级教程 CSS 知识点梳理大全，超详细！！！
保姆级教程 CSS 知识点梳理大全,超详细!!! ✴️大家好,我是王同学,好久不见,趁着假期王同学把CSS 知识点梳理了一遍 ✴️如果对你有帮助就给我点个赞吧,这样我们就互不相欠了 ✴️星光不负赶路人 ...
apache伪静态把css 排除掉_一文梳理CSS必会知识点
本文主要梳理CSS必会知识点,会持续补充更新哦!长文预警!这可能是目前最长的一篇了? ? ? ? CSS引入有哪些引入方式?通过link和@import引入有什么区别?(* ) CSS引入方式有4种 ...
前端(js/css/html)那些小的知识点，持续更新......
前端(js/css/html)那些小的知识点,持续更新...... 1.行内元素与块级元素有哪些及区别? 块级元素和行内元素的区别是,块级元素会占一行显示,而行内元素可以在一行并排显示.通过样式控制, ...
【重识 HTML + CSS】盒子模型相关知识点
盒子模型盒子模型 (Box Model) 宽度.高度相关 CSS 属性 - width.height 内边距相关 CSS 属性 - padding 外边距相关 CSS 属性 - margin [常见 ...
超详细的css知识树状图~CSS选择器盒子模型、浮动、定位和装饰
前言学习任何新知识,最重要的永远都是搭建属于自己的知识框架,随后学习的细碎知识点往框架里面填入,最后形成一棵属于自己的知识大树.本系列的博客专注更新总结好的思维导图,希望可以帮助大家快速理清知识结构 ...
CSS 知识整理(三) 样式
CSS 知识整理(三) 样式目录 CSS 知识整理(三) 样式一.字体二.文本三.列表四.背景一.字体字体:font-famliy 字号:font-size 粗细:font-weig ...