2024-09-03两个边框的宽度和 border-width 的值相同。inset：阴影类型内阴影/从外层的阴影（开始时）改变阴影内侧阴影s。inset：阴影类型内阴影/从外层的阴影（开始时）改变阴影内侧阴影s。边框把盒子撑大的效果，即盒子的大小不变，其设置的边距会往里缩。圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50%border-radius属性制作半圆形的两个要点。x-offset :X轴位移，指定阴影水平位移量。x-offset :X轴位移，指定阴影水平位移量。blur-radius:半径。

https://www.qianduange.cn//article/17575.html 分类：前端知识

2024-09-01新的canvas元素用于将可脚本化的位图嵌入到网页中。这实质上意味着现在可以在特定维度的页面上放置一个空白图像，可以从 JavaScript 代码中绘制和图形化操作该图像。酷！元素本身是非常基本的；它只定义了两个属性，width和height，用于指定画布的尺寸。像其他元素一样，在开始和结束标记之间可以放置比文本更多的后备内容，但是canvas非常独特，所以可能很难找到文本之外的合适的替代内容。Flash 可以作为替代品，所以你可以，例如，使用canvas。_html embed internalid

https://www.qianduange.cn//article/17503.html 分类：前端知识

2024-09-01文章讲述了在Vue3 TS项目中，由于切换tab时echarts图表宽度异常的问题。当tab隐藏时，echarts的父元素宽度为0，导致设置的width:100%无效。解决方案是在切换到特定tab时，通过定时器触发resizeHandler函数，动态调整echarts图表的大小，确保其正确渲染。代码示例展示了如何在组件生命周期中初始化echarts，以及添加和移除窗口resize事件监听器。

https://www.qianduange.cn//article/17458.html 分类：前端知识

2024-09-01有序列表 (): 显示项目的顺序重要，通常使用数字或字母作为标记。 定义列表 (): 用于展示术语及其定义。四、表格标签 : 定义表格。: 定义表格行。: 定义表格单元格。: 定义表格头单元格。定义表格的例子： 结果： 其中table中的参数 border="5" 是外边框的宽度；cellspacing="10" 两个表格之间的间距；align="center"表格的位置；width="80%"表格的像素（大小）。td中的参数 rowspan="2"行合并；colspan="2"

https://www.qianduange.cn//article/17326.html 分类：前端知识

2024-09-01知识点总结：1. 基础样式与选择器颜色与背景：通过 background-color 设置背景颜色，color 设置文本颜色。字体与文本：使用 font-family 设置字体，font-size 设置字体大小，text-align 控制文本对齐。内外边距：使用 padding 设置内边距，margin 设置外边距。2. CSS 盒模型了解元素的 width、height、border、padding、margin 以及盒模型的布局机制。3. 定位与布局浮动布局 (Float)：通

https://www.qianduange.cn//article/17315.html 分类：前端知识

2024-08-30/* 响应式布局样式 */.box {width: 30%;/* 媒体查询，根据不同屏幕尺寸调整布局 */.box {width: 45%;.box {_css媒体查询多条件

https://www.qianduange.cn//article/17291.html 分类：前端知识

2024-08-27当用绝对的值设置盒子的大小时（固定像素的 width 和 height），内容可能会超出设置的大小，此时内容就会溢出盒子。浮动技术允许元素浮动到另外一个元素的左侧或右侧，而不是默认的一个堆叠另一个。，在行内盒上的所有内边距、外边距和边界设置会改变周围文本的位置，但是不会影响周围块盒的位置。盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是用来存储其他元素的。同行内盒子类似，跟随周围的文本流堆放，不会在其前后创建换行，支持宽度和高度。元素没有指定高度时，元素的高度是由内容决定(自适应)

https://www.qianduange.cn//article/17090.html 分类：前端知识

2024-08-27图片标签要注意图片存放的路径有效才可以使用。1）img定义HTML页面中的图像，src是img的标签属性。2）alt是替换文本，就是如果图像不显示出来，就会显示对应的文字信息。3）title是提示文本，当鼠标悬停在图片上就会显示出对应的文字信息。4）width：设置图像的宽度；height：设置图像的高度。5）border 设置图像的边框大小。还有关于相对路径和绝对路径的理解演示。_html img 引用路径

https://www.qianduange.cn//article/16961.html 分类：前端知识

2024-08-27本文介绍了网页布局中实现元素自适应的方法，包括宽度自适应通过设置width为auto，高度自适应利用height:auto，以及如何通过CSS实现窗口自适应，确保盒子模型根据窗口大小动态调整。同时提到了min-height和max-width属性在控制元素尺寸中的作用。

https://www.qianduange.cn//article/16952.html 分类：前端知识

2024-08-25当我们点击全局统计(tab)的时候，由于Echart图标只会初始化一次，当第一次加载游戏设置（tab）的时候已经被初始化了，所以这个时候，虽然全局统计的display:none效果消失，图表容器width：100%起作用的时候，echart图表宽高仍然为100px。有的时候我们为了让Echarts自适应容器宽度，把Echarts容器宽度设置为100%，使容器宽度变化的时候，图表宽度也跟着变化。但是我们发现容器宽度变化的时候，图表宽度并不会跟着变化。但是点击全局统计加载图表，发现图表的宽度不符合预期。_echart宽度变成100px

https://www.qianduange.cn//article/16891.html 分类：前端知识