HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，而CSS（Cascading Style Sheets）则用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的外观和格式。以下是根据提供的内容，对HTML常用标记和CSS属性设置的详细说明：
一、HTML常用文本字符标记：
1. `<br>`：换行标记，用于在文本中插入一个换行符。
2. `<hr>`：标尺标记，创建一条水平线，常用于分隔内容。
3. `<center>`：居中对齐标记，将包裹的内容居中显示。
4. `<blockquote>`：引用标记，用于引用一段文字，通常会缩进显示。
5. `<pre>`：预定义标记，保留文本中的空格和换行，常用于显示代码。
6. `<hn>`：标题标记，从`<h1>`到`<h6>`，分别代表六个级别的标题，级别越高，字体越大。
7. `<font>`：字体标记，用于设定字体的大小、颜色和类型。
8. `<b>`：字体加粗标记，使文本变为粗体。
9. `<i>`：斜体标记，使文本变为斜体。
10. `<sub>`：下标标记，将文本放置在基线之下。
11. `<u>`：下划线标记，为文本添加下划线。
12. `<sup>`：上标标记，将文本放置在基线之上。
13. `<address>`：地址标记，通常用于显示联系信息，以斜体呈现。
14. `<p>`：段落标记，用于组织文本，每个段落之间会有默认的间距。
二、HTML列表标记：
1. `<ul>`：无序列表，可以设置列表项的样式，如`list-style-type`。
2. `<ol>`：有序列表，可以指定列表项的类型，如大写字母或数字。
3. `<dl>`：定义列表，包含`<dt>`定义术语和`<dd>`定义描述。
4. `<li>`：列表项标记，用于定义列表中的每一项。
三、HTML表单控件：
1. `type`：定义输入字段的类型，如文本、密码、复选框、单选按钮等。
2. `name`：定义表单或控件的名称。
3. `value`：指定输入字段的初始值。
4. `size`：定义输入字段的宽度。
5. `maxlength`：限制输入的最大字符数。
6. `checked`：用于设置复选框或单选按钮是否选中。
7. `src`：指定图像、音频或视频资源的URL。
四、HTML表格标记：
1. `<table>`：创建表格，必须成对使用。
2. `<tr>`：行标记，定义表格的行。
3. `<th>`：表格标题标记，用于创建表头。
4. `<td>`：单元格标记，包含表格数据。
5. `<caption>`：表格标题标记，显示在表格上方。
6. `border`：设置表格边框的宽度。
7. `bgcolor`：定义表格的背景颜色。
8. `align`：设置对齐方式，如左对齐、右对齐或居中。
9. `cellpadding`：设置单元格内容与边框之间的距离。
10. `cellspacing`：设置单元格之间的距离。
11. `colspan`：列合并，让一个单元格跨多列。
12. `rowspan`：行合并，让一个单元格跨多行。
五、HTML5新增输入类型：
1. `email`：用于输入电子邮件地址。
2. `url`：用于输入网址。
3. `number`：用于输入数字。
4. `range`：创建滑动条，设置最小值和最大值。
5. `date`：用于输入日期。
6. `search`：创建搜索框。
六、HTML5 `<audio>`和`<video>`标记：
1. `<audio>`：用于嵌入音频，支持`autoplay`、`controls`、`loop`和`preload`属性。
2. `<video>`：类似`<audio>`，但用于视频，增加了`width`属性来设置播放器宽度。
七、CSS颜色：
CSS提供了多种颜色名称，如水绿、黑色、蓝色、灰色、浅绿等，用于设置元素的背景色、文本颜色等。
八、CSS `text-shadow`属性：
1. `color`：指定阴影的颜色。
2. `length`：定义阴影的水平和垂直偏移量。
3. `opacity`：设置阴影的透明度。
以上是HTML常用标记和CSS属性的基本介绍，这些知识对于创建和设计网页至关重要。理解并熟练运用它们能帮助开发者创建美观、功能丰富的Web页面。
