m0_62820255的博客

第一个元素</p><p>第二个元素</p><p>第一个元素</p><p>第二个元素

border-collapse：设置表格的边框是否被折叠成一个单一的边框或隔开。如果在表格中控制空格之间的边框，应使用td和th元素的填充属性。text-align设置水平对齐方式，向左、右、中心。指定边框颜色，和th元素的文本和背景颜色。垂直对齐属性设置垂直对齐。使用border属性。

规定添加到文本的修饰，下划线、上划线、删除线（依次如下）等等。tip：负值是允许的，如果值是负数，将第一行左缩进。①captialize：定义每个单词开头大写。①left：文本居左排列，默认值。②uppercase：全部大写字母。③lowercase：全部小写字母。②right：文本居右排列。指定元素文本的水平对齐方式。③center：居中排列。规定文本块中首行文本的缩进。

元素的背景是元素的总大小，包括填充和边界（不包括外边距）。默认下background-image属性放置在元素的右上角，日过图像不够大会在垂直和水平方向平铺图像，如果图像大小超过元素大小从图像的左上角显示元素大小的那部分。x% y%：第一个值是水平位置，第二个是垂直位置。左上角是0% 0%，右下角是100% 100%。设置背景图片的宽度和高度，第一个值宽度，第二个值高度，如果只设置一个，第二个值auto。设置背景图像的起始位置，默认值：0% 0%（可组合左上、左下、右上、右下）

浏览器能接受最小字体是12px，后面要得到更小字体可通过缩放实现。5、font-family 指定一个元素的字体。② 如果字体名称包含空格，它必须加上引导。4、font-style 指定字体样式。① 每个值用逗号分开。

再比如说，我想让“hello”中的“ell”变成另一种颜色，可用<span>标签把“ell”围起来，然后给<span>一个标签选择器。由此可知，合并选择器对ID选择器、class选择器均有效。从高到低：行内样式>ID选择器>类选择器>元素选择器。规定用圆点“.”来定义，针对你想要的所有标签使用。针对某一个特定的标签使用，只能使用一次。③ 同一个标签可以使用多个选择器，用空格隔开。作用：提取共同的样式，减少重复代码。① 所有的标签都可以是选择器。③ 选择的是所有，而不是一个。① 类选择器可以被多种标签使用。

当样式需要应用很多页面时，在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观。每个页面将使用<link>标签链接到样式表，<link>标签在（文档）的头部。当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用<style>标签在文档头部定义内部样式表。要使用内联样式，需要在相关标签内使用样式（style）属性。style属性可以包含仍何CSS属性。在单个页面内具有整体性和规划性，利于维护；但多个页面之间容易混乱。但是缺乏整体性和规划性，不利于维护。内联样式（行内样式）

CSS：层叠样式表、级联样式表，简称样式表。，用于HTML文档中元素样式的定义。CSS：选择器+一条或多条声明。

div、h1~h6、form、hr、p、table、ul、ol等。a、b、em、i、span、strong等。行内块级元素（特点：不换行、能够识别宽高）button、img、input等。

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名，由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。表单：在web网页中用来给用户填写信息，从而能够采集用户信息，使网页具有交互的功能。①数据提交方式，get把提交的数据url可以看到，post看不到。②get一般用于提交少量数据，post用来提交大量数据。标签来设定，输入字母、数字等内容时就会用到文本域。1、action 服务器地址。表单由容器和控件组成。2、name 表单名称。

快速生成表格结构：table>tr*2>td*2{单元格} （数字按需求定）黑框为一行，橙色填充为一列，每一小格为单元格。1、border:设置表格边框。一、水平合并：colspan。二、垂直合并：rowspan。3、height：表格高度。3、单元格（列）<td>2、width：表格宽度。1、表格<table>

④i 表示项目列表用数字标号（i，ii，iii...）⑤I 表示项目列表用数字标号（I，II，III...）①1 表示项目列表用数字标号（1，2，3...）②a 表示项目列表用数字标号（a，b，c...）③A 表示项目列表用数字标号（A，B，C...）始于<ul>标签，每个列表项始于<li>标签。始于<ol>标签，每个列表项始于<li>标签。1、disc 默认实心圆。2、circle 空心圆。3、square 小方块。4、none 不显示。

4、<strong>:定义加重语气。6、<span>:元素没有特定含义。1、<em>:定义着重文字。5、<del>:定义删除字。2、<b>:定义粗体文本。3、<i>:定义斜体字。

超链接可以是一个字、一个词、一幅图像，点击这些内容来跳转新的文档或者当前文档中的某个部分。①一个从未被访问过的链接显示为蓝色字体并带有下划线。当鼠标移动到网页中某个链接时，箭头会变成一只小手。③点击链接时，链接显示为红色并带有下划线。②访问过的链接显示为紫色并带有下划线。后期可通过css样式改掉这些效果。1、herf：描述链接的地址。

p2831307612.jpg和html文件在同一路径，调用如line10。图片在与html文件同级的文件夹images内，构成子级关系。html文件与p2831307612.jpg是父级关系。若图片在html文件父级的父级。

2、alt:规定图像的代替文本（当图片无法显示时）5、title：鼠标悬停在图片上给予提示。定义HTML页面中图像。4、height：规定图像的高度。3、width：规定图像的宽度。

2、换行(不产生新段落情况下换行)：1、段落：3、水平线④aligh:对齐方式。

①align=“left/center/right”，默认居左。1、h1~h6：快捷键：h$*6 (生成h6)向上或向下移动一行代码：ALT+up/down。代码格式化：shift+alt+f。一、vscode开发者工具快捷键。生成html骨架：！快速替换：ctrl+h。快速查找：ctrl+f。

1、双标签：标签：由尖括号包围的关键字。2、单标签：