![](https://img-blog.csdnimg.cn/711638e2c65e4f388fd3c59b8ce2fa7f.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 96
CSS学习
伏城之外
订阅伏城之外的华为OD专栏,提供答疑和在线OJ刷题服务,加Q:260617856
展开
-
CSS - 显示模式
行内元素 块级元素 行内块元素 消除行内元素间隙 消除行内块元素间隙 vertical-align 行内元素水平垂直居中 行内块元素水平垂直居中 display 元素的显示与隐藏原创 2022-07-20 11:17:00 · 398 阅读 · 0 评论 -
CSS - 盒子模型
盒子模型 content-box border-box box-sizing padding padding妙用 border border三角 margin margin:0 auto 水平居中原理 margin:auto margin合并 外边距合并 BFC margin负值原创 2022-07-20 12:08:12 · 828 阅读 · 0 评论 -
CSS - 浮动布局(float)
标准布局、标准流、标准布局的不足、浮动、浮动流、浮动元素特点、脱标、父容器高度塌陷、清除浮动、clear、额外标签法、::after伪元素法、浮动元素margin负值原理、双飞翼布局、圣杯布局、三栏式布局......原创 2022-07-20 12:27:04 · 17437 阅读 · 4 评论 -
CSS - 定位布局(position)
浮动布局的不足、定位模式和边偏移、静态定位、相对定位、z-index、层叠上下文、Stacking Context、包含块、Containing block、绝对定位、子绝父相、水平垂直居中、margin:auto、固定定位、版心右侧、视觉视口、布局视口、连续媒体、分页媒体、粘性定位、滚动机制............原创 2022-07-20 12:33:27 · 2111 阅读 · 0 评论 -
CSS - 弹性布局(flex)
传统布局的不足、弹性布局、display:flex、flex-direction、主轴、侧轴、justify-content、align-items、一维布局、flex项目元素的特点、弹性宽高、flex-wrap、align-content与align-items的区别、flex-flow、flex-grow按比扩容、flex-shrink按权重比收缩、flex-basis、flex复合写法、order、align-self............原创 2022-07-20 12:45:24 · 2374 阅读 · 0 评论 -
CSS - 网格布局(grid)
网格布局、grid、表格布局、二维布局、网格轨道、grid-template-rows、grid-template-columns、grid-template、fr单位、min-content、max-content、minmax、auto-fill、auto-fit、网格单元、网格项目、网格线、grid-row、grid-column、grid-area、网格区域、grid-template-area、网格间距、gap、显示网格、隐式网格、稀疏包装、密集包装、网格单元对齐、网格项目对齐、统一对齐、单独对齐原创 2022-07-20 20:00:35 · 6844 阅读 · 0 评论 -
CSS - 移动端布局(一)关键的前置知识
物理像素、物理分辨率、CSS像素、逻辑分辨率、设备像素比DPR、屏幕尺寸、像素密度PPI、DPI、视网膜显示屏、二倍图、三倍图、视口、布局视口、视觉视口、移动浏览器的布局视口、980、移动浏览器对PC网页的缩放、meta viewport、initial-scale、width、理想视口、device-width...........................原创 2022-08-17 22:41:25 · 1420 阅读 · 0 评论 -
CSS - 移动端布局(二)移动端适配
移动端适配布局、固定尺寸布局、网页设计稿概念、百分比尺寸布局、包含块概念、rem布局、vw布局原创 2022-08-24 19:29:25 · 1768 阅读 · 2 评论 -
CSS - 响应式布局(一)媒体查询
响应式布局、媒体查询原创 2022-09-02 20:38:37 · 1770 阅读 · 0 评论 -
CSS - 预处理器SCSS
SCSS编译环境安装:live-sass-compiler、node sass;嵌套语法:选择器嵌套、属性嵌套、&父选择器;注释;变量;运算;混入 @mixin 和 @inclue;占位选择器 % 和 继承 @extend;插值语法 #{};流程控制@if@for@each@while;内置函数;自定义函数 @function;导入@import;模块导入 @use;模块转发 @forward原创 2022-09-08 20:43:14 · 3587 阅读 · 0 评论 -
CSS - 响应式布局(二)响应式栅格系统
响应式栅格系统、grid布局、媒体查询、SCSS、BootStrap原创 2022-09-10 23:30:42 · 2463 阅读 · 0 评论