个人网站介绍 欢迎来到我的个人网站！

页面设置与样式

这个网站使用了一种简洁、易读的布局设计。主要使用HTML和CSS来实现样式和布局，并结合了一些常见的网页元素。以下是一些关键的CSS类定义：

  • .video-js:视频播放器的样式，宽度为300像素，高度为150像素。
  • .vjs-fluid:用于自适应容器，使视频播放器在不同屏幕大小下保持一致的高度比例。
  • html:设置了整个文档的文字颜色为黑色(#000),背景色为白色(#FFF)。
  • body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td:这些标签设置了默认的外边距和内边距为0,以保持页面的整体美观。
  • table:表格样式，包括边框合并和间距设置为0。
  • fieldset 和 img:设置了无边框。
  • address, caption, cite, code, dfn, em, strong, th, var:这些标签设置了字体样式为正常且不加粗。
  • ol, ul:列表样式设置为无项目符号。
  • caption, th:文本对齐方式设置为左对齐。
  • 其他常用的HTML标签如h1至h6等也设置了适当的字体大小和字重。

导航栏

这个网站有一个简单的导航栏，位于页面顶部，包括几个常用的链接。点击导航链接可以跳转到不同的页面部分或内容页面。

其他功能和特性

这个网站还使用了视频播放器(通过Video.js库实现)来展示一些视频内容。视频播放器具有自适应的特点，可以根据浏览器窗口的大小自动调整尺寸。同时，它还支持多种视频源格式，使得用户可以在不同设备上流畅地播放视频。

这是一个简洁、易用的个人网站模板，提供了基本的信息展示和交互功能。你可以根据自己的需求进行进一步的开发和完善。