![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
很菜的前端
专业摸鱼
展开
-
【一篇就够系列】一篇了解Sass
一、什么是 Sass一句话总结:Sass 是一门 CSS 预编译语言,它提供了比 CSS 更加简单的语法。二、安装与配置1.安装 RubySass 是基于 Ruby 的,所以需要先安装 Ruby 。官网:https://rubyinstaller.org/downloads/在安装的过程中,勾选 Add Ruby executables to your PATH 把 Ruby 添加到环...原创 2020-02-25 11:09:07 · 565 阅读 · 0 评论 -
【深入理解】width 的默认值
首先,明确一点: HTML 元素属性 width 的默认值是 auto 。然而这个 auto 有四种表现,从而造成了不同的元素的默认宽度有不同的表现。fill-available —— 意为 充分利用可用空间,比如块级元素 div 的宽度默认为父级元素的 100% ,这种表现也被称为块级元素的流动性。shrink-to-fit —— 意为 收缩至合适,比如 inline-block 元...原创 2019-11-21 13:17:46 · 2221 阅读 · 2 评论 -
【总结】CSS 常用技巧
inline-block 元素导致相邻的内联元素向下偏移背景:如果 inline-block 元素设置了 overflow:hidden ,那么将会导致相邻的内联元素向下偏移。示例:在页面上有三个元素:<div>123</div><div>456</div><span>this is a span</span>...原创 2019-11-20 09:41:11 · 152 阅读 · 0 评论 -
块级元素与内联元素
看的这样的标题你可能会在心里不禁的问:不是还有行内块元素吗?不是还有 inline-block 吗?很遗憾,在 W3C 规范中,元素的种类只有两种,一种是块级元素 block-level element,另一种是内联元素 inline-level element,为什么呢?下面来讲解。块级元素说到块级元素,大家肯定不会陌生,常见的块级元素有:div、li、table等等。需要注...原创 2019-10-14 21:57:21 · 211 阅读 · 0 评论 -
元素水平垂直居中
无论是实际开发中,还是职场的面试,水平垂直居中都是非常常见的一个需求和问题。 为了行文方便,先来说明一些公共代码:<div class='wrap'> <div class='box size'>Jonas Von</div></div>样式公共代码:.wrap{ border: 1px solid rebeccapurple;...原创 2019-10-09 15:09:27 · 95 阅读 · 0 评论