随笔分类 -  css

摘要：下边框0.5px border: { border-bottom: 1px solid transparent; border-image: linear-gradient(to bottom, transparent 50%, #eee 50%) 0 0 100%/1px 0; } 上边框 或者 阅读全文

摘要：1.什么是BFC(块格式化上下文)? 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 BFC，块级格式化上下文，一个创建了新的BFC的盒子是独立布局的，盒子里面的子元素的样式不会影响到外面的元素。在同一个 BFC 中的两个毗邻的块级盒在 阅读全文

摘要：日常经常说盒模型，感觉自己很了解，但是真的说起来还是有很多遗忘的东西。现在把盒模型的内容整理一下。 盒模型：html文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒模型。 模型通过四个边界来描述：margin（外边距），border（边框），padding 阅读全文

摘要：<img src='' alt='' /> 在使用的时候，因为没有alt属性的时候总是会提示warning信息，今天专门来记录一下这个标签的含义？ alt：是图片加载失败时，显示在网页上的替代文字(必要的属性)； title: 是鼠标放在图片上面时显示的文字，title是对图片的描述与进一步说明(非 阅读全文

摘要：对于很多的css，日常经常使用到，但是面试的时候或者突然问起这个时候，就会忘记。刚好今天浏览了一个回答，我也给自己总结一下，以防忘记。 参考链接地址：https://zhuanlan.zhihu.com/p/84212558?from_voters_page=true 1、css水平居中： 行内元素 阅读全文

摘要：1、calc() 函数：用于动态计算长度值。 这个函数我没有经常使用，因为我关于宽度的计算，我一般使用百分比，但是这个函数给我一个可以在css也进行计算的功能。calc()函数支持 "+", "-", "*", "/" 运算；很实用。 eg: width: calc( 100% - 100px ) 阅读全文