![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 654 阅读 · 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 · 1298 阅读 · 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 · 1197 阅读 · 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 · 282 阅读 · 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 · 4973 阅读 · 2 评论 -
Flex弹性布局 (一)
原创 2022-02-28 08:48:54 · 52 阅读 · 0 评论 -
网格布局j
原创 2022-02-28 08:49:24 · 66 阅读 · 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 · 4312 阅读 · 1 评论