HTML5前端

svg调用图片实例

2022-06-05
<div class="icon-like"> <img src="./src/svg/fm0898.svg" alt="调频海南的图下"> </div> <style lang="scss"> .icon-like { width:25px; height:25px; img { width:25px; height:25px; } } </style>

什么是svg

2022-06-05
SVG是什么? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 与其他图像格式相比,使用 SVG 的优势在于:

html5中怎么用canvas绘图

2022-06-05
1)创建画布 在HTML代码的body中,使用<canvas>标签创建画布元素。创建时,要为该元素定义id属性,因为Javascript需要根据该id来获取画布元素。 画布的默认宽度为300px,高度为150px,可以通过<canvas>元素的width属性自定义其宽度,height属性自定义其高度。代码如下: <canvas id="canvas" widt

css里display的几个元素

2021-10-23
display: block; 这个值大家不陌生,我们最熟悉的 缺省就是这个值,最基本的块级元素,属于 css入门初学者都知道的概念,只要是容器类型的元素基本都是这个值。除之外,<div>之外,还有 <h1>到 <h6>, <p>, <form>, <header>, <footer>, <section>, <artic

怎么控制搜索框的长度

2021-08-07
怎么控制搜索框的长度,这在我们制作搜索栏或者是一些表单的时候经常遇到这个问题! 许多新手用户在dreamweaver中控制长度怎么也不管用,那是因为DW太老了,我们需要直接对input或者是文本域加上style来控制,代码看下面:   <input type="text" style="width:60px;">

css中的ul和li用法

2021-08-05
#menu ul {list-style:none;margin:0px;} list-style:none,这一句是取消列表前点,因为我们不需要这些点。 margin:0px,这一句是删除UL的缩进,这样做可以使所有的列表内容都不缩进。 #menu ul li {float:left;} 这里的 float:left 的左右是让内容都在同一行显示,因此使用了浮动属性(float)。 CSS中的ul与li样

CSS单位相关知识

2021-08-05
一、了解 CSS 单位   测量长度的单位可以是绝对的,例如像素,点等,也可以是相对的,例如百分比(%)和 em 单位。   指定 CSS 单位对于非零值是必须的,因为没有默认单位。丢失或忽略单位将被视为错误。但是,如果该值为 0,则可以省略该单位(毕竟,零像素与零英寸是一样的)。   注意

写DIV CSS时容易犯下的常见错误

2021-08-05
1、检查HTML元素是否有拼写错误、是否忘记结束标记   即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。   2、检查CSS是否正确   检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,

html5播放mp3 代码

2020-11-18
<audio controls="controls"> <source src="http://fm0898.com/song.ogg" type="audio/ogg"> <source src="http://fm0898.com/song.mp3" type="audio/mpeg"> fm0898站长提醒您,您的浏览器过老,不支持此文件播放! </audio>

网址判断代码

2020-02-26
if(window.location.href.indexOf("fm0898.com") < 0){ window.location.href = 'https://www.0898.com/'; }

让视频自适应方法

2020-02-16
如何让视频在网站上自适应,这里分享下自己用的这段html5代码,希望对新手朋友有用!   <调频 id="ecmsvideoid" style="width: 100%; height: 100%; object-fit: fill;" autoplay="autoplay" controls="controls" width="300" height="150">   请把上面的汉字调频替换成video