Wonder233的学习博客

在进行广告配置时，要显示的二维码太小，直接扫码扫不出来，于是需要实现鼠标悬停显示大的二维码。有两种实现的方法：方法一直接在要悬停显示二维码的 DOM 元素上添加样式。<span class="qrcode" style="display:inline-block;vertical-align:middle;background: #fff url(./assets/img/small...

正常流西方语言文本从左向右、从上向下显示，也是传统HTML文档的文本布局。替换元素指用作为其他内容占位符的一个元素。浏览器根据其标签的元素与属性来判断显示具体的内容。 比如：<input type="text"/> ，这是一个文本输入框，换一个其他的type的时候，浏览器显示就不一样。(X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元素

完整的框模型（Box Model）不同的宽度、高度、内边距和外边距相结合，就可以确定文档的布局。大多数情况下，文档的高度和宽度由浏览器基于可用的显示区域和其他一些因素自动确定。1、元素框的最内部分是实际的内容。 2、直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。 3、边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。水平格式化1、width影响的是内容

基本术语和概念术语匿名文本： 指所有未包含在行内元素中的字符串。<p>I'm <em>so</em> happy!</p>中，序列“I’m”和“happy!”都是匿名元素。 注意：空格也是匿名文本中的一部分，因为空格与其他字符一样都是正常的字符。em框： em框在字体中定义，也成为字符框。实际的字形可能比其em框更高或更矮。font-size的值确定了各个em框的高度。内容区： 在非替换

&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; &lt;style&gt; .red-point{