网站介绍

这是一个简洁、响应式的个人网站模板，采用CSS3样式设计，适用于各种设备和浏览器。该模板具有以下特点：

  • 布局:页面布局采用了自适应的方式，使网站在不同屏幕尺寸上都能够良好显示。
  • 颜色:主色调为淡灰色系，搭配深灰色，使得网站看起来既现代又专业。
  • 字体:标题使用了黑色字体，正文使用深灰色字体，符合阅读习惯。
  • 响应式设计:根据浏览器窗口大小动态调整网页布局，保证在不同设备上的显示效果一致。
  • 样式:包含一些自定义的CSS样式，如清除浮动、设置元素最大高度等，增强了页面的可读性和美观性。

代码示例

<style>
/* 去除默认边距 */
* { padding: 0; margin: 0; }

/* 主容器样式 */
html, body { height: 100%; }
body { margin: 0; width: 100%; height: 100%; min-height: 100%; color: #666666; background-color: #ECEEF4 !important; }

/* 标题样式 */
h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: normal; }

/* 清除浮动样式 */
.clearfix:after { content: ''; display: block; clear: both; }

/* dialog头部样式 */
.el-dialog__header { border-bottom: 1px solid #EEEEEE; }

/* required样式 */
.required { color: #f83723; }

/* hiddenOne样式 */
.hiddenOne { text-overflow: ellipsis; overflow: hidden; display: block; -webkit-line-clamp: 1; line-clamp: 1; max-height: 3em; }
</style>