摘要：
基线 baseline：字符x的底部 x-height: 字母x的高度，vertical-aling设置为middle的时候，对齐的是baseline往上1/2的x-height，所以vertical-aling设置为middle不是整正的居中对齐 line-height 1.内容高度 思考：未 阅读全文
posted @ 2021-08-15 16:24
笑人
阅读(67)
评论(0)
推荐(0)
摘要：
一、塌陷 1.当position设置为：absolute或者fixed时，元素的display会转换为block。（设置float也会产生这样的效应）2.正常情况下，div会被内容撑开，但是如果设置了1.的情况下，父元素就会产生塌陷，失去高度。 解决办法： 给父元素设置高度。给父元素设置overfl 阅读全文
posted @ 2021-08-15 16:23
笑人
阅读(47)
评论(0)
推荐(0)
摘要：
当你的用户需要一些额外的上下文来放置图标，或者当他们需要一些保证来点击按钮，或者可能是一个复活节彩蛋的标题来搭配一个图片时，工具提示是一个很好的方法来增强用户界面。现在让我们来制作一些动画工具提示，只使用html和css。 演示 以下是我们的工作目标: 主要目标是拥有一种添加工具提示的简单方法，因此 阅读全文
posted @ 2021-08-15 16:22
笑人
阅读(242)
评论(0)
推荐(0)
摘要：
在css中有很多好看的样式都可以实现，css设置出来的样式让整个网页看起来也会非常美观，今天的这篇文章就给大家来介绍一下在css中怎么设置文字的透明度，让你的文字在网页中看起来是透明的。 CSS设置透明度可用如下两类方法实现： 1、使用rgba2、使用opacity 使用rgba设置文字不透明度的方 阅读全文
posted @ 2021-08-15 16:20
笑人
阅读(197)
评论(0)
推荐(0)
摘要：
因项目需要，需要在元素上实现动画效果，并且需要有动画间隔。坑爹的是animation-delay只有在第一次动画开始的时候才起效。 在网上找了很多方法，最终的方法基本都是改动画规则，比如 @keyframes move{ /* 此处从75%开始 */ 75%{ transform: translat 阅读全文
posted @ 2021-08-15 16:19
笑人
阅读(182)
评论(0)
推荐(0)
摘要：
了解浏览器背后的运行机制 了解浏览器背后的运行机制就是了解浏览器的内核，现在市面上主流浏览器的内核名称分别如下： chrome: blink内核 Opera: blink内核 Safari: webkit内核 FireFox: Gecko内核 IE: Trident内核 ** 注：blink内核其实 阅读全文
posted @ 2021-08-15 16:18
笑人
阅读(112)
评论(0)
推荐(0)
浙公网安备 33010602011771号