![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
番茄小火锅
努力!
展开
-
【日常记录】CSS 中的 box-sizing 属性
今天学习画阴阳图案时候,代码中有一个不熟悉的属性,通过查MDN简单了解了一下这个属性,记录下来。含义box-sizing 属性定义了 用户浏览器 应该如何计算一个元素的总宽度和总高度。用法在盒子模型的默认定义里,当对一个元素设置了width和height之后,实际上只是设置了内容区的宽度。那么,当需要调整元素的宽度和高度时,边框和内边距很有可能影响我们的布局。通过设置box-sizing...原创 2019-07-21 18:12:49 · 115 阅读 · 0 评论 -
【日常记录】CSS常用布局技巧
CSS常用布局技巧整理目前学会的布局技巧,后续会添加更多。1.左右布局利用float做法:1.给父元素添加clearfix类 .clearfix::after{ content: ""; display: block; clear: both; }2. 给子元素设置float效果预览2....原创 2019-07-23 11:27:46 · 157 阅读 · 0 评论 -
【日常记录】块级元素和内联元素的宽和高是由什么决定的?
本篇博客就块级元素,内联元素的宽高进行总结。一些常用的布局技巧文字对齐去除多余的空格解决超长文字溢出单行文本省略和多行文本省略margin合并脱离文档流实现垂直居中的7种方式7种方式2flex布局实现绝对居中实现1:1自适应的div...原创 2019-09-24 18:30:13 · 226 阅读 · 0 评论 -
【日常记录】CSS抽象概念-堆叠上下文、BFC与margin合并
CSS中有一些抽象的概念,这篇博客主要用来总结对这些抽象概念的一些理解。**1. 堆叠上下文(the stacking context)**堆叠上下文是一个抽象的概念,我们没法定义,但是可以定义触发它的条件,几个常见的触发条件:- 根元素html- z-index的值不为auto的相对或者绝对定位的元素- opacity的值小于1的元素- z-index的值不为auto的fl...原创 2019-09-24 23:02:15 · 249 阅读 · 0 评论 -
【日常记录】flex布局-灵活简单
关于flex布局的几个重点概念完整的思维导图如何理解flex-shrink待补充:flex-shrink的几种计算方式。原创 2019-09-25 17:33:00 · 93 阅读 · 0 评论