![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
FIND方式
这个作者很懒,什么都没留下…
展开
-
子元素浮动后、父元素坍塌
父元素设置overflow:hidden,同时height不设置或者100%或者auto父级元素内中的最下面新增一个标签,设置clear:both;父元素用伪类:after (推荐) ul>liul:after{ content:""; display: block; clear:both; }li{ float:left;}...原创 2020-04-18 11:15:27 · 116 阅读 · 0 评论 -
HTML5 多媒体事件video
文章目录video标签video属性video多媒体事件video标签var video=document.querySelector("#video");video属性加载播放路径 video.src="./video.mp4 "全屏video.requestFullscreenvideo多媒体事件事件浏览器加载video.onloadstart=fn浏...原创 2020-03-19 14:08:04 · 470 阅读 · 0 评论 -
HTML5-新多媒体元素
video : ogg mp4 webmaudio : ogg mp3/mpeg wavsource src=“movie.ogg” type=“video/ogg”< video controls="controls" > <source src="move.ogg" type="video/ogg" > <source src="move.mp4" ...原创 2019-11-18 19:57:12 · 309 阅读 · 0 评论 -
HTML5-语义化标签
HTML5提供了新的语义元素来明确一个Web页面的不同部分:<header><nav><section><article><aside><figcaption><figure><footer>以上的元素都是块元素(除了figcaption).为了让这些块及元素在所有版本的浏览器中...原创 2019-11-18 17:13:21 · 97 阅读 · 0 评论 -
HTML-表格table
table>tr>th-tdtr 元素定义表格行,th 元素定义表头,td 元素定义表格单元复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。属性cellpadding:5 单元格间距cellspacing:0 单元格内部填充summary: text 规定表格的摘要1行2列表格<tab...原创 2019-11-13 20:29:48 · 182 阅读 · 0 评论 -
HTML-列表list
无序列表ul>lilist-style-type:none无 disc默认实心圆 square方块 circle空心圆<ul> <li></li></ul>有序列表ol>lilist-style-type:CSS list-style-type 属性start:序列表的起始值<ol> <l...原创 2019-11-13 20:29:39 · 1182 阅读 · 0 评论 -
HTML-字体样式
<em>斜体字</em> <i>斜体字</i><b>加粗 </b> <strong>强调加粗 </strong> <big>字体放大</big> <small>字体缩小</small><del>删除线</del&...原创 2019-11-13 20:29:30 · 128 阅读 · 0 评论 -
HTML-基本标签
h标题:h 元素拥有确切的语义,不要利用标题标签来改变同一行中的字体大小<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6>p标签定义段落占一行 ...原创 2019-11-13 20:25:37 · 139 阅读 · 0 评论 -
HTML5-表单form
submit or reset表单中内容<form action="url" method="get/post" name="" target="">单选按钮组文本<p>用户名:<input type="text" placeholder="行车记录仪" size="文本框长度"/></p>密码<p>密码:<input ty...原创 2019-11-13 20:25:04 · 167 阅读 · 0 评论 -
HTML-图片
<img src="feiqiu.bmp" alt="feiqiu" title="new"/>属性src="" 图片URLalt=“feiqiu” 图片未下载替代文本///搜索引擎搜索时,代表关键的信息title="news"鼠标悬浮的提示信息图片格式gif jpg png webp图片换行不浮动自动换行图片居中...原创 2019-11-13 20:24:55 · 152 阅读 · 0 评论 -
HTML-表单form
form中文本框/选择框长度form input[type="text"]{ width: 488px; height:32px ; line-height: 32px; border: none; float: left; }form input[type="button"]{}form input[type="submit"]{}form...原创 2019-11-04 21:44:25 · 301 阅读 · 0 评论 -
HTML-入门
HTML···html:超文本标记语言http:超文本传输协议www:域名com:营利机构org:非盈利机构edu:教育机构gov:政府机构mil:邮件cn:中国DNS:HTML入门HTML框架<html> <head> <title> html网页标题 </title> </head> ...原创 2019-10-16 21:24:36 · 144 阅读 · 0 评论