HTML5前端

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

html5 网页html lang 用法

2019-12-20
1. 简体中文页面:html lang=zh-cmn-Hans 2. 繁体中文页面:html lang=zh-cmn-Hant 3. 英语页面:html lang=en 注意:单一的 zh 和 zh-CN 均属于废弃用法。

html5自适应下如何让图片不显示

2019-06-26
@media (max-width:750px) {.hello img { display:none;}} 我们先把CSS写好,再添加样式到前端想要隐藏的地方 <div class="hello"> <img src="images/1.gif" border="0" /> </div>

让传统网站直接压缩适应手机方法

2019-05-04
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format