css 实现反向圆角
2024-09-18源代码 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>test</title> </head> <body> &_css 反向圆角
HTML5基础
2024-02-19一.html5的基本框架：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">_html基本框架代码
【CSS】媒体（媒介 / media）查询
2024-09-14媒体查询（Media Queries）是 CSS3 中引入的一种技术，用于根据设备的特性和属性，为不同的媒体类型提供不同的样式规则。媒体查询使得我们可以根据设备的屏幕尺寸、分辨率、屏幕方向、设备类型等条件来适应不同的设备和媒体类型。表示媒体类型，比如screen（屏幕）、print（打印）等，而是媒体特性，比如width（宽度）、height（高度）、（方向）等。未指明类型为默认值 all。_css 媒体查询
【CSS】input宽度根据内容自适应
2024-09-12父元素如何改变呢，给个看不见的标签（opacity:0）撑起来，这个看不见的标签的内容就是输入框的内容。input 设置width:min-content | max-content；解决方法：设置input的宽高都为100%，让它随着父元素的宽高改变。∵ 文本输入框通常会被浏览器渲染为具有固定宽度的控件。目标：纯css实现以下功能。
HTML生成三张图片并列循环轮播
2024-09-11Image Carousel .image-container { display: flex; overflow: hidden; } img { width 33.33%; transition: transform 05s ease-in-out; }
【vue el-table】表格操作列宽度跟随按钮个数自适应, 方法封装全局使用
2024-09-10加1是为了部分情况下, 按钮宽度计算不准确导致操作栏出现省略号…的问题. 看如下情况:①是鼠标移到按钮容器中可以看到显示的宽度是193.34px②是控制台打印的按钮容器宽度是193px, 与①相差了一点点, 但就是这一点点像素导致操作栏总宽度超出设定的宽度,从而出现③省略号…的问题所以在width = paddingSpacing * btnCount * 2 1 多加1px,就不会出现省略号了.可能有更好的方法 ,但我目前只能想到这种方法.
HTML5学习系列之网页图像
2024-09-10学习记录标签可以直接把图像插入网页中。src：显示图像的URLalt：设置图像的替代文本height、width：图像的高度和宽度ismap：服务器端图像映射usemap：客户器端图像映射longdese：指向包含长的图像描述文档的URL流表示图标、照片、图形、插图、代码片段等独立内容。使用figure和figcaption。需要扩展名为.ico的图标图标要放在网站根目录学习记录。
前端Html5/Css3—div盒子模型
2024-09-03两个边框的宽度和 border-width 的值相同。inset：阴影类型内阴影/从外层的阴影（开始时）改变阴影内侧阴影s。inset：阴影类型内阴影/从外层的阴影（开始时）改变阴影内侧阴影s。边框把盒子撑大的效果，即盒子的大小不变，其设置的边距会往里缩。圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50%border-radius属性制作半圆形的两个要点。x-offset :X轴位移，指定阴影水平位移量。x-offset :X轴位移，指定阴影水平位移量。blur-radius:半径。
精通 HTML5 语义标准和排版（二）
2024-09-01新的canvas元素用于将可脚本化的位图嵌入到网页中。这实质上意味着现在可以在特定维度的页面上放置一个空白图像，可以从 JavaScript 代码中绘制和图形化操作该图像。酷！元素本身是非常基本的；它只定义了两个属性，width和height，用于指定画布的尺寸。像其他元素一样，在开始和结束标记之间可以放置比文本更多的后备内容，但是canvas非常独特，所以可能很难找到文本之外的合适的替代内容。Flash 可以作为替代品，所以你可以，例如，使用canvas。_html embed internalid
解决el-tab使用echarts宽度自适应问题
2024-09-01文章讲述了在Vue3 TS项目中，由于切换tab时echarts图表宽度异常的问题。当tab隐藏时，echarts的父元素宽度为0，导致设置的width:100%无效。解决方案是在切换到特定tab时，通过定时器触发resizeHandler函数，动态调整echarts图表的大小，确保其正确渲染。代码示例展示了如何在组件生命周期中初始化echarts，以及添加和移除窗口resize事件监听器。