lh_lh_24

分类

CSS(34) HTML(10) JavaScript(67) OpenLayer(4) TypeScript(1) Vue(28) 前端工程化(14) 数据结构(2) 浏览器(12) 算法(28) 计算机网络(19)

/ 注册

TA的专栏 208篇文章 1人订阅

66篇文章 2782人学习

25篇文章 811人学习

28篇文章 4876人学习

10篇文章 615人学习

33篇文章 1441人学习

0篇文章 0人学习

前端工程化

14篇文章 667人学习

计算机网络

19篇文章 1353人学习

12篇文章 705人学习

0篇文章 0人学习

0篇文章 0人学习

1篇文章 1251人学习

全部文章（共33篇）

Flex布局语法来自专栏

Flex布局语法参考：https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 1. Flex布局是什么 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容...

前端 CSS Flex

2021-07-19

1 296

雪碧图来自专栏

雪碧图 1. 什么是雪碧图？雪碧图也叫CSS精灵，是一CSS图像合成技术；上面解释说它是一项技术，但我们开发人员往往将小图标合并在一起之后的图片称作雪碧图；术语定义其实不用纠结，我们知道它主要用在小图标显示上就行了。 CSS雪碧图应用原理只有一张大的合并图，每个小图标节点如何显示单...

前端 CSS

2021-07-19

1 424

CSS 常见布局来自专栏

CSS 常见布局六种布局方式：圣杯布局、双飞翼布局、Flex 布局、绝对定位布局、表格布局、网格布局。 1. 圣杯布局圣杯布局是指布局从上到下分为 header、container、footer，然后 container 部分定为三栏布局。这种布局方式同样分为 header、container、...

前端 CSS 布局

2021-07-14

3 452

CSS 实现硬币旋转来自专栏

CSS 实现硬币旋转 .coin { width: 100px; height: 100px; margin: 100px; animation: rotateCoin 3s linear; animation-iteration-count: 3; ...

前端 CSS

2021-07-14

1 471

inline-block、inline和block 来自专栏

inline-block、inline和block 1. block（块级元素） block 元素会独占一行，多个 block 元素会各自新起一行。默认情况下，block 元素宽度自动填满其父元素宽度。 block 元素可以设置 width，height 属性。块级元素即使设置了宽度，仍然是独占一行...

前端 CSS

2021-07-14

1 427

设置一个元素的背景颜色，背景元素会填充哪些区域来自专栏

设置一个元素的背景颜色，背景元素会填充哪些区域 background-color 设置的背景颜色会填充元素的 content、padding、border 区域。除了margin。

前端 CSS

2021-07-14

1 436

line-height和height的区别来自专栏

line-height和height的区别 line-height 一般是指布局里面一段文字上下行之间的高度，是针对字体来设置的 height 一般是指容器的整体高度。

前端 CSS

2021-07-14

1 370

z-index的定位方法来自专栏

z-index的定位方法 z-index 属性设置元素的堆叠顺序，拥有更好堆叠顺序的元素会处于较低顺序元素之前，z-index 可以为负，且 z-index 只能在定位元素上奏效，该属性设置一个定位元素沿 z 轴的位置，如果为正数，离用户越近，为负数，离用户越远，它的属性值有auto，默认，堆叠顺序...

前端 CSS

2021-07-14

1 545

display：table和本身的table 来自专栏

display：table和本身table display:table 和本身 table 是相对应的，区别在于，display：table 的 css 声明能够让一个html 元素和它的子节点像 table 元素一样，使用基于表格的 css 布局，使我们能够轻松定义一个单元格的边界，背景等样式，而...

前端 CSS

2021-07-14

1 496

CSS3 的 calc属性来自专栏

CSS3 的 calc属性参考：https://www.jianshu.com/p/b9bc930dd316 1. 简介 calc 是英文单词 calculate(计算) 的缩写，是 css3 的一个新增的功能，可以使用 calc() 给元素的 border、margin、pading、fon...

前端 CSS

2021-07-14

1 459