CSS

CSS

CSS

层叠样式表 Cascading Style Sheets

暂无订阅共10篇文章创建于2021-06-01

flex的一个面试点

flex实现如下布局容易被忽视的 align-self https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

1月前
271
2
评论

css: gap解决flex-wrap换行，两行之间无间隙

CSS gap 属性是用来设置网格行与列之间的间隙（gutters），该属性是 row-gap 和 column-gap 的简写形式。 https://developer.mozilla.org/zh

2月前
931
6
3

display: flex;flex-shrink:0；使得外层div宽度等于内层div宽度

内层div如果不设置宽度的情况下会与外层div宽度一致，因为div是块级元素，默认是父容器的100%。外层div如果不设置高度的话会与内层div高度保持一致，因为它会根据内容的多少自适应高度。外层

1年前
139
1
评论

rem

rem 是相对长度单位，相对的是根元素<html>的字体大小font-size em在font-size中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的字体大小，如width

1年前
301
1
评论

实现textarea自适应

textarea外层添加div，textarea相对外层div绝对定位，此时textarea的高度等于外层div的高度； textarea同级添加div，同级div相对外层div相对定位，设置div的

1年前
425
1
评论

定义和用法 white-space属性设置如何处理元素内的空白可能的值 normal ：默认。空白会被浏览器忽略。 pre：空白会被浏览器保留，其行为方式类似HTML中的<pre>标签。 nowr

1年前
167
1
评论

CSS如何去掉重叠部分的边框

问题描述在前端开发中，边框border属性是经常会用到的一个属性，它可以给元素添加边框；但两个相邻的元素在一起同时添加了边框，就会出现一个问题，边框会重叠在一起（如下图），那么如何去掉重叠部分的元素

2年前
1.1k
1
评论

iphoneX安全距离 viewport-fit

iPhoneX SafeArea - 安全区域除了刘海和胡子（底部横条）以外的区域为安全区域，即下图中浅蓝色的部分。安全区域的大小为除去statusBar（状态栏区域：44），navigation

2年前
819
1
评论

input和button设置相同height，显示出来的高度不一致

显示高度不一致的原因 button 的 border 计算在height之内 input 的 border 计算在height 之外解决办法 input 设置 box-sizing：border-b

2年前
106
1
评论

CSS

为何CSS不支持父选择器？浏览器解析HTML文档，是从前往后，有外及里的。所以时常会看到页面先出现头部然后主体内容再出现的加载情况。但是，如果CSS支持了父选择器，那就必须要页面所有子元素加载完毕

2年前
166
1
评论