这是sub-header的文本,一级标题,
这是文本,二级标题
这是文本,三级标题
这是文本开始的地方,这段引用
本页面汇集了芝加哥大学的院校概况及学生证言,展示了学校卓越的学术氛围与丰富的校园生活。
通过阅读学生们的真实感受,您将深入了解他们在这里的成长与收获。
这些证言不仅反映了芝加哥大学的教育质量,更展示了校园文化对学生个人发展的深远影响。
这句话前后有间距。
图片和文字居中
字体整体加粗:
本页面汇集了芝加哥大学的院校概况及学生证言,展示了学校卓越的学术氛围与丰富的校园生活。通过阅读学生们的真实感受,您将深入了解他们在这里的成长与收获。这些证言不仅反映了芝加哥大学的教育质量,更展示了校园文化对学生个人发展的深远影响。
上面有两行空格
斜体字:
本页面汇集了芝加哥大学的院校概况及学生证言,展示了学校卓越的学术氛围与丰富的校园生活。通过阅读学生们的真实感受,您将深入了解他们在这里的成长与收获。这些证言不仅反映了芝加哥大学的教育质量,更展示了校园文化对学生个人发展的深远影响。
以下是有序列表:
-
本页面汇集了芝加哥大学的院校概况及学生证言,展示了学校卓越的学术氛围与丰富的校园生活。
-
通过阅读学生们的真实感受,您将深入了解他们在这里的成长与收获。这些证言不仅反映了芝加哥大学的教育质量,更展示了校园文化对学生个人发展的深远影响。
-
<p>这是段落中的文本</p>
/* CSS 文件 styles.css */
2.styled-text {
3 color: orange; /* 设置文本颜色为橙色 */
4 font-weight: bold; /* 设置字体加粗 */
5 font-style: italic; /* 设置字体为斜体 */
6 font-family: Arial, sans-serif; /* 设置字体类型 */
7 line-height: 1.6; /* 设置行间距 */
8 padding: 10px; /* 设置内边距 */
9 border: 1px solid #ccc; /* 添加边框 */
10 background-color: #f9f9f9; /* 设置背景颜色 */
11 text-align: center; /* 文本居中对齐 */
12 margin: 20px auto; /* 设置外边距,自动居中 */
13 max-width: 800px; /* 最大宽度限制 */
14}
15
16/* 选择器也可以应用于多个元素 */
17h1, h2 {
18 color: darkblue; /* 设置标题颜色为深蓝色 */
19 font-family: 'Times New Roman', serif; /* 设置标题字体 */
20}
21
22/* 为段落添加悬停效果 */
23p:hover {
24 color: red; /* 鼠标悬停时改变文本颜色 */
25 cursor: pointer; /* 改变鼠标指针形状 */
26}
无序列表