HTML
关注
分享
扫一扫
一个前端女子
这个作者很懒，什么都没留下…
展开
-
CSS3新增文本样式——text-fill-color
1.text-fill-color ：<color> 设置对象中的文字填充颜色2.案例：background-clip属性：剪裁文本，对两个div元素分别使用不同的背景图片。代码：Markup<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-wid...原创 2022-04-02 11:52:03 · 698 阅读 · 0 评论 -
CSS3背景裁切——background-clip
background-clip属性：剪裁文本，注：要和-webkit-text-fill-color属性设置为transparent，确保文字的填充色为透明色，一起使用浏览器兼容问题：-webkit-谷歌浏览器的内核标识码-moz-火狐浏览器的内核标识码-o-欧朋浏览器的内核标识码-ms-IE浏览器的内核标识码代码：Markup<!DOCTYPE html><html lang="en"><head><me...原创 2022-04-02 11:50:03 · 1386 阅读 · 0 评论 -
细线表格的制作方法
细线表格的制作方法方法一：1.在table标签上添加 2个属性，分别是：cellspacing="1" bgcolor="#000000" ，关键点：利用 内框宽度cellspacing2.在tr标签上添加1个属性，是：bgcolor="#ffffff"方法二：在css样式规则中，设置table的样式如下所示：border-collapse: collapse; 表格设置合并边框 （表格table的边框，单元格td的边框，表头单元格th的边...原创 2022-03-18 11:01:08 · 1259 阅读 · 0 评论 -
媒体media查询响应式设置测试代码
媒体media查询响应式设置测试代码Markup/* media 响应式布局 关键 把设备区间设置好 在指定区间内去写某些区域内的所需要的样式 */@media screen and (min-width:1171px) { body{ background-color: red; }}@media screen and (min-width:1024px) and (max-width:1170px) { body{ background-color: pink;原创 2022-02-27 10:10:28 · 328 阅读 · 0 评论 -
HbuilderX、vscode快捷键创建div和起class名字
一、嵌套 >输入div>ul>li，按下Tab键<div><ul><li></li></ul></div>二、并列 +输入div+p，按下Tab键<div></div><p></p>三、重复 *输入li*3，按下Tab键<li></li><li></li>原创 2022-02-27 10:14:58 · 5213 阅读 · 2 评论 -
Flex弹性布局 (一)
原创 2022-02-28 08:48:54 · 78 阅读 · 0 评论 -
网格布局j
原创 2022-02-28 08:49:24 · 93 阅读 · 0 评论 -
video标签 不自动播放+ 不预加载视频，但是加载元数据 + 截取视频第一帧作为封面
video标签 不自动播放+ 不预加载视频，但是加载元数据 + 截取视频第一帧作为封面HTML:Markupvideo :src="record.rescuevideo" :poster="record.rescuevideo+'?spm=qipa250&x-oss-process=video/snapshot,t_1000,f_jpg,w_100,h_100,m_fast'" preload="meta"原创 2022-03-04 10:43:52 · 4893 阅读 · 1 评论