记录前端学习过程，如有错误，请评论告知~一、标题语义 标签 说明标题 <h1> h1 ~h6二、段落段落 <p>三、换行换行 <br /> 自闭合标签四、文本格式化标签加粗 <strong> / <b> 推荐使用<strong>语义更强烈倾斜 <em> / <i> 推荐使用<em>删除线 <del> / <s> 推荐使用<del>下划线 <ins> / <u> 推荐使用<ins>上标 <sup> 下标 <sub> 水平线 <hr /> 自闭合标签五、图片图片 <img src="URL" /> 自闭合标签，src是<img>标签的必须属性，用于...
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>test2</title> </head> <body><hr><h3>HTML区块</h3><div><p>大多数 HTML 元素被定义为块级元素或内联元素。<br>块级元素在浏览器显示时，通常会以新行来开始（和结束）。<br>HTML内联元素在显示时通常不会以新行开始。</p></div><div>div 定义了文档的区域，块级 (block-level)<p>这是<span style="color: red">span元素</span>用来组合文档中的行内元素， 内联元素(i...
标签的书写注意规范 所有符号都要在尖括号之间一般成对出现<html></html>，单标签如<br/>标签关系：包含关系、并列关系 HTML骨架标签 <html>根标签<head>头部，一定要定义title标签<title>标题<body>主体 其余标签：<!DOCTYPE html>这句话的意思是：当前页面采取的是HTML5版本来显示网页。位于文档最前面的位置。他不是一个html标签，他就是文档类型声明标签。<html lang="en">用来定义当前文档显示的语言。en定义语言为英语。zh-C...
1、CSS的优先级 ①通配和继承：0000 ②元素选择器：0001 ③类、伪类： 0010 ④ID选择器： 0100 ⑤行内样式： 1000 （加了 ‘！important’ 的优先级为无穷大） 2、外边距塌陷（外边距合并） ①、上下元素之间的外边距塌陷 当一个元素出现在另外一个元素的上面时，第一个元素的下外边距与第二个元素的上外边距将发生合并。合并的结果是外边距变成上述两者中大的一个。 ②包含元素之间的外边距塌陷 当一个元素包含在另一个元素中，父...
1 DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。 标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。2 HTML5为什么只需要写 <!DOCTYPE HTML>？HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不...
小白前端学习日记系列 小白前端学习日记（一）认识前端 小白前端学习日记（二）HTML基础语法与标签1 小白前端学习日记（三）HTML基础语法与标签2HTML基础语法与标签 小白前端学习日记系列前言一、区块标签二、语义化标签三、表单标签表单控件1.单行文本框2.单选按钮3.复选框4.其他常用控件5.HTML5新增控件四、表格标签总结前言 今天我们来一起学习HTML的知识吧！提示：以下是本篇文章正文内容，下面案例可供参考 一、区块标签 我们...
CSS 伪元素用于向某些选择器设置特殊效果。语法：selector:pseudo-element {property:value;}(1):first-line 伪元素"first-line" 伪元素用于向文本的首行设置特殊样式。在下面的例子中，浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化:p:first-line{color:#ff0000;font-variant:small-caps;}(2):first-letter 伪元素"first-letter" 伪元素用于向文本的首字母设置特殊样式：p:first-letter{color:#ff000...
HTML基础标签 二 HTML基础标签表单数据验证视频元素audio音频元素表单元素总汇表单数据验证HTML基础标签 表单数据验证视频元素audio音频元素表单元素总汇表单数据验证 表单数据验证<p>HTML5对表单提供了输入验证检查方式，但这种验证还是比较简陋的，并且不同的浏览器支持的成熟度还不同。在大部分情况下，可能还是要借助jQuery等前端库来实现丰富的验证功能和显示效果。常见的三种验证:1、必须填写一个值 <input type="text" req...
今天学习了HTML的选择器和JavaScript的基础知识。今日学习内容1、HTML选择器层次选择器<body><p class="active">p1</p><p>p2</p><p>p3</p><ul> <li> <p>p4</p> </li> <li> <p>p5</p> </li> <li> <p>p6</p> </li></ul></body>12345678910111213141516后代选择器/* 后代选择器 某个元素的后面 祖爷爷 爷爷 爸爸 你 */body p{ background: red; } 1234567结果图：子代...