css设置滚动条样式
2024-10-15*高宽分别对应横竖滚动条的尺寸*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*//*滚动条里面小方块*//*滚动条里面小方块*//*滚动条整体样式*//*滚动条里面轨道*//*滚动条整体样式*//*滚动条里面轨道*/效果（右侧滚动条被修改）1：设置全局滚动条样式。_全局滚动条样式
CSS面试题整理
2024-10-15box-sizeing: content-box：标准盒模型的 width 和 height 属性的范围只包含了 content。box-sizeing: border-box：IE 盒模型的 width 和 height 属性的范围包含了 border、padding 和 content。三、定位与浮动根元素：body；元素设置浮动：float 除 none 以外的值；元素设置绝对定位：position (absolute、fixed)；
vue使用海康的H5视频播放器开发包实时预览监控画面
2024-10-13在项目中的public文件夹下新建一个h5player的文件夹（这里的文件夹名字可以自己取，后端引入时注意一下就好了），接着将刚才下载的开发包中的bin文件夹里面所有的文件都赋值到项目中的h5player文件夹下。// // 当容器div#play_window有固定宽高时，可不传iwidth和iHeight，窗口大小将自适应容器宽高。2、使用该插件很难更改其样式，只能使用其自带的窗口（1x1,2x2等），如过我要一个1x2的窗口就无法实现；// // 分屏播放，默认最大分屏4*4。_海康h5播放器
html5的应用
2024-09-28用js获得 canvas的内容区， canvas.getContext（“2d”），moveTo（）填写两个值，起点，lineTo（）填写两个值，终点，用stroke可以显示线条，canvas的宽高要在标签内部填写，closePath可以将最后的线条闭合，fill可以填充黑色，linewidth可以调节线条宽度，beginPath表示从新开始画一条线，如果有多笔，closePath就失效了，closePath是针对一笔的。阻止默认事件，即可实现ondrop事件，事件是由行为触发的，触发不止一个事件。
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 反向圆角
【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的图标图标要放在网站根目录学习记录。