解析css中的overflow属性
2024-04-03overflow 属性规定当内容溢出时发生的事情overflow有以下几种属性值:不裁剪超出盒子的部分将超出盒子部分的内容隐藏横轴强制出现滚动条4.overflow-y:scroll 纵轴强制出现滚动条5.overflow:scroll x轴和y轴都有滚动条自动判断是否出现滚动条从父元素继承overflow属性的值overflow属性值中visible和hidden是对立的,scroll和auto是对立的。inherent是继承父级元素的overflow属性值,默认是scroll。
10分钟理解CSS3 Grid布局,深入分析
2024-03-29可以看到,虽然第四行没有内容,但是row确实存在并占据了那部分空间。(2) minmax上面的例子中我们给了row一个固定高度,这导致一个问题:如果某个grid item中的内容特别多,受制于固定的高度,部分内容将无法显示,如下图:为解决这个问题,css提供了minmax函数,让我们可以设置row的最小高度和最大高度,最大高度取auto后便可以让row的高度自适应:auto``));效果:如果我们想给行和列之间加上间隔,也有现成的方法:效果:
(css)background-image背景图片添加多张
2024-03-27在示例中,第一张图片的尺寸被设置为覆盖整个背景区域(cover),第二张图片的尺寸被设置为自动适应原始大小(auto)。使用 background-repeat 属性可以设置每张图片的重复方式。在示例中,第一张图片被设置为不重复(no-repeat),第二张图片被设置为默认的重复模式(repeat)。使用 background-position 属性可以分别设置每张图片的位置。在示例中,第一张图片的位置设置为居中顶部,第二张图片的位置设置为靠右底部。_background添加多张背景图
HTML5中video元素详解
2024-03-27属性说明controls显示标准的 HTML5 视频/音频播放器控制条、控制按钮。autoplay让文件自动播放。loop让文件循环播放。preload属性是用来缓存大体积文件的。它有三个可选值:“none” 不缓存、“auto” 缓存、“metadata” 只缓存文件元信息poster视频封面这个属性在 ios 10中设置有用,其他的目前还不起作用,让视频在小窗内播放,也就是不是全屏播放IOS微信浏览器支持小窗内播放启用H5播放器,是wechat安卓版特性。_html5 video
web前端之使用弹性和外边距进行网页布局、非常有用的小技巧、flex、margin、auto
2024-03-27web前端之使用弹性和外边距进行网页布局、非常有用的小技巧、flex、margin、auto_sharedworker addeventlistener
html中表单居中属性
2024-03-26HTML 表单的居中属性可以通过为表单元素设置 margin: auto 并设置其宽度来实现。例如,可以使用如下代码来居中表单:<style>form { width: 500px; margin: auto;}</style><form> <!-- 表单元素 --></form>这样,表单就会居中显示,占..._html设置 form 居中
【Vue】自动导入组件
2024-03-21插件的作用是自动导入第三方库或组件。它会根据我们在代码中使用的标识符自动检测并导入相应的库或组件。这样,我们就不需要手动导入它们了。插件的作用是自动注册Vue组件。它会根据我们在代码中使用的组件标签自动注册相应的组件。这样,我们就不需要在每个页面或组件中手动注册它们了。通过使用和插件,我们可以大大简化第三方库和组件的导入和注册过程。这样,我们可以更专注于业务逻辑而不是繁琐的导入和注册操作,提高开发效率。_unplugin-auto-import
模拟淘宝密码登录界面
2024-03-20浅显飞过HTML和css基础,今天搭配js来模拟一下我们日常登入大部分界面要使用的密码隐藏和显示界面最后我们要使用js让代码可以交互起来,使得页面看起来更具有智能化的感觉,使得用户使用起来方便代码如下 //1.获取元素 var im = document . querySelector('img');//2.绑定事件 var flag = 0 im . onclick = function() {im . src = "./img/开眼.png";flag = 1;_autojs模拟登陆淘宝
CSS3 Flexbox
2024-03-18auto。
Echarts的配置解释 标题组件(title)
2024-03-15用法: textAlign:"auto" | "top" | "center" |"right"·用法:fontStyle: "normal" | "italic" | "normal"用法: color: "rgba(181, 30, 30, 1)"用法: target:'self' | 'blank'用法:textStyle:{ color:#fff }(2)、fontStyle(标题字体的风格)用法: left: '20'(3)、fontWeight(字体粗细)(1)、color(标题文本的颜色)_echarts title