CSS

布局呈现四种不同的组合，分别是：xs（超小屏幕，如手机）、sm（小屏幕，如平板）、md（桌面中等屏幕）、lg（桌面大型屏幕），以呈现更加动态灵活的布局。 通过“列间距”的预设类，来设定列之间的间距。且一行中最左的列不会出现左边距，最右的列不会出现右边距。列间距在保证排版美观的同…

前端开发，最恼火的莫过于各个平台的兼容性，一个好的idea可能因兼容性不得不胎死腹中。下面是我在使用position:fixed时在苹果端遇到的兼容性问题以及解决思路。 position:fixed元素的位置相对于浏览器窗口固定位置。即使窗口滚动它也不会移动。这是我原本寄希望实…

「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」。   今天在做公众号图片上传展示的时候，领导要求图片必须以正方形的方格展示，且图片在方格内居中。那么如何实现自适应的正

rem是CSS3新增的一个相对单位，使用rem为元素设定字体大小时，是相对大小，但相对的只是HTML根元素。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。 目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览…

所有浏览器都支持 text-indent 属性。IE不支持属性值"inherit" text-indent 属性规定文本块中首行文本的缩进。 注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。 注意：在 CSS 2.1 之前，text-indent 总是继承计算值，而不…

网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 +float属性。针对于某些特殊布局就显得非常不方便，例如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以…