网站介绍

这是一个自定义的网站,它使用了CSS变量(Variables)和内联样式(Inline Style)来实现主题的定制。通过定义一些关键的颜色、字体选择等属性值,可以方便地在网页中应用这些样式。

CSS变量

在这个网站中,使用了CSS变量来定义一些颜色和字体的选择。具体包括:

  • --Maincolor:主色调为蓝色 #409EFF;
  • --MaincolorHover:鼠标悬停时主色调不变,仍然为 #409EFF;
  • --fontSelectedColor:选定内容的字体颜色为紫色 #3390ff。

这些变量可以通过var()函数在内联样式中使用,以达到动态改变样式的效果。

内联样式

在这个网站中,还有一些内联样式用于设置按钮和链接的外观。例如:

  • .wp-block-button__link类设置了按钮的文字颜色为白色,背景颜色为深灰色,边框半径为无穷大(使圆角效果),没有阴影效果,文字装饰效果为无,内边距为1em+2px左右,字体大小为1.125em。这些样式可以根据需要进行调整。
  • .wp-block-file__button类设置了文件上传按钮的背景颜色为深灰色,文字颜色为白色,无文字装饰效果。
  • body元素使用了预设的颜色主题,具体的颜色值是通过CSS变量进行设置的。

以上是这个网站的基本介绍,它展示了如何通过CSS变量和内联样式来实现网页主题的定制和灵活性。这样的设计方式使得开发者能够更加便捷地修改样式并保持一致性。