lh_lh_24

CSS

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

/ 注册

全部文章 / CSS （共34篇）

Flex布局语法来自专栏

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

前端 CSS Flex

2021-07-19

1 289

雪碧图来自专栏

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

前端 CSS

2021-07-19

1 420

CSS 来自专栏

CSS 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 CSS...

2021-07-16

1 498

CSS 常见布局来自专栏

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

前端 CSS 布局

2021-07-14

3 447

CSS 实现硬币旋转来自专栏

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

前端 CSS

2021-07-14

1 474

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 427

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

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

前端 CSS

2021-07-14

1 354

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

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

前端 CSS

2021-07-14

1 540

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

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

前端 CSS

2021-07-14

1 499