基本概念 盒模型由 margin + border + padding + content 四个属性组成，分为两种：W3C的标准盒模型和IE盒模型。 Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - ...
分类：
Web程序 时间：
2020-04-13 00:53:22
阅读次数：
81
经常遇到多行显示时文本省略问题，代码为： overflow:hidden;/*超出隐藏*/ text-overflow:ellipsis;/*文本溢出时显示省略标记*/ display:-webkit-box;/*设置弹性盒模型*/ -webkit-line-clamp:3; -webkit-box ...
分类：
其他好文 时间：
2020-04-08 13:42:11
阅读次数：
86
flex布局是什什么？ Flex意思是弹性布局，是css3中的新布局模块，?用来为盒模型提供最?大的灵活性。可改进容器?中的项?目对?齐，?方向和顺序，即使他们具有动态甚?是未知?小。Flex容器?能够调节?子节点的宽度或高度，以便便适应不同的屏幕尺寸。 基本概念 flex布局可以将?个元素看成?个 ...
分类：
其他好文 时间：
2020-04-05 11:15:45
阅读次数：
58
基础知识 有4种模型，分别是 块，块盒模型 containing boxing,包括line 行内盒模型 inline boxing ,包含content 行模型 line boxing,包含inline,line高度是由最高的inline元素决定. 内容区域 content area 这部分内容可 ...
分类：
其他好文 时间：
2020-04-03 20:19:23
阅读次数：
66
flexbox 通过给父级添加display: flex; 使父级变成一个弹性盒模型，以此来影响后代元素(不会影响自身) 设置过弹性盒模型的父级，其子代一般不会超出父元素的内部范围，除非被内容撑开子元素的宽高，导致无法改变子元素的大小时会超出，（注意：一串数字或一串字母写在一起会被浏览器默认为一个字 ...
分类：
其他好文 时间：
2020-04-01 19:43:09
阅读次数：
71
文章目录万能居中BFC优化盒模型哪两种模式？什么区别？如何设置常用清除浮动的方法，如不清除浮动会怎样？删格化的原理纯css实现三角形高度不定，宽100%，内一p高不确定，如何实现垂直居中？至少两种方式实现自适应搜索设置一段文字的大小为6pxcss菊花图关于em关于vh,vwFlex布局overflow原理实现自适应的正方形:标准模式和怪异模式CSS3实现环形进度条css优先级万能居中1.margi
分类：
Web程序 时间：
2020-04-01 10:32:46
阅读次数：
102
css盒模型是网页布局中不可或缺的部分，以下是对css盒模型简要介绍的思维导图： 注：margin常出现的bug： a：当父元素和子元素都没有设置浮动的情况下，如果给第一个子元素添加margin-top 会错误的把margin-top加在父元素上 b：上下相邻两个元素之间的margin值，不会叠加， ...
分类：
Web程序 时间：
2020-04-01 01:21:47
阅读次数：
319
盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。 css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。 换句话说，盒模型就如同一个房子，除了内部的货物以外，内部的其他空间就相当于接下来要介绍的padding ...
分类：
Web程序 时间：
2020-03-30 11:06:56
阅读次数：
82
css盒模型： 是网页布局的基石 盒模型，从里到外包括： ①、内容区————鸡蛋 ②、内填充(补白)——泡沫 ③、盒子边框(可选)——快递盒子 ④、外边距——————盒子外部的距离1、padding： padding的用法： ①、padding是长在内容和盒子之间的，在盒子内部 ②、padding是 ...
分类：
Web程序 时间：
2020-03-29 23:59:16
阅读次数：
151
SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而，一旦你理解了SVG坐标系和变换，操纵SVG会非常简单并且很有意义。本篇文章中我们将讨论控制SVG坐标系的最重要的三个属性：viewport， viewBox， 和 preserv ...
分类：
Web程序 时间：
2020-03-12 21:39:43
阅读次数：
67
