前端学习路线小总结: 基础入门: HTML CSS JavaScript 三大主流框架: VUE REACT Angular 深入学习: 小程序 Node jQuery TypeScript 前端工程化 继续学习CSS吧! 一.CSS盒子模型(Box Model) 1.CSS 盒子模型 2.元素的宽度和高度 二.CSS边框(Border) 1.边框样式 2.边框宽度 3.边框颜色 4.单独设置各边 5.属性简写 三.CSS轮廓(outline) 四.CSS外边距(margin) 1.CSS外边距的使用 2.CSS外边距属性简写 五.CSS填充(padding) 1.CSS填充的使用 2.CSS填充属性简写 六.CSS分组和嵌套选择器 1.分组选择器 2.嵌套选择器 七.CSS尺寸(Dimension) 八.CSS显示与可见性(Display Visibility) 1.隐藏元素 2.改变元素的显示 九.CSS定位(Position) 1.static定位 2.fixed定位 3.relative定位 4.absolute定位 5.sticky 定位 6.重叠的元素 十.CSS布局(Overflow) 十一.CSS浮动(Float) 1.元素是怎么浮动? 2.彼此相邻的浮动元素 3.清除浮动 一.CSS盒子模型(Box Model) 首先,在这里所有HTML元素可以看作盒子,下面一起来看看。 1.CSS 盒子模型 在CSS中,盒子模型用于