CSS
文章平均质量分 96
CSS学习
程序员阿甘
这个作者很懒,什么都没留下…
展开
-
CSS - 显示模式
行内元素 块级元素 行内块元素 消除行内元素间隙 消除行内块元素间隙 vertical-align 行内元素水平垂直居中 行内块元素水平垂直居中 display 元素的显示与隐藏原创 2022-07-20 11:17:00 · 417 阅读 · 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 · 858 阅读 · 0 评论 -
CSS - 浮动布局(float)
标准布局、标准流、标准布局的不足、浮动、浮动流、浮动元素特点、脱标、父容器高度塌陷、清除浮动、clear、额外标签法、::after伪元素法、浮动元素margin负值原理、双飞翼布局、圣杯布局、三栏式布局......原创 2022-07-20 12:27:04 · 17693 阅读 · 4 评论 -
CSS - 定位布局(position)
浮动布局的不足、定位模式和边偏移、静态定位、相对定位、z-index、层叠上下文、Stacking Context、包含块、Containing block、绝对定位、子绝父相、水平垂直居中、margin:auto、固定定位、版心右侧、视觉视口、布局视口、连续媒体、分页媒体、粘性定位、滚动机制............原创 2022-07-20 12:33:27 · 2231 阅读 · 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 · 2416 阅读 · 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 · 6991 阅读 · 0 评论 -
CSS - 移动端布局(一)关键的前置知识
物理像素、物理分辨率、CSS像素、逻辑分辨率、设备像素比DPR、屏幕尺寸、像素密度PPI、DPI、视网膜显示屏、二倍图、三倍图、视口、布局视口、视觉视口、移动浏览器的布局视口、980、移动浏览器对PC网页的缩放、meta viewport、initial-scale、width、理想视口、device-width...........................原创 2022-08-17 22:41:25 · 1481 阅读 · 0 评论 -
CSS - 移动端布局(二)移动端适配
移动端适配布局、固定尺寸布局、网页设计稿概念、百分比尺寸布局、包含块概念、rem布局、vw布局原创 2022-08-24 19:29:25 · 1825 阅读 · 2 评论 -
CSS - 响应式布局(一)媒体查询
响应式布局、媒体查询原创 2022-09-02 20:38:37 · 1803 阅读 · 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 · 3949 阅读 · 0 评论