这个网站的HTML和CSS代码主要展示了如何创建一个全屋高端定制的网站。网站使用了一些基本的CSS样式来设置按钮的颜色、背景色、鼠标悬停效果、鼠标点击效果以及鼠标移动状态,同时确保在鼠标失去焦点时不会显示任何装饰性的文字或边框。

具体来说,这个网站使用了以下CSS类:

  1. color: #1677ff; 设置了按钮的背景色为蓝色,这是网站的一种颜色主题。
  2. text-decoration: none; 移除了文本的下划线装饰。
  3. background-color: transparent; 使按钮背景透明。
  4. outline: none; 移除了按钮的边框。
  5. cursor: pointer; 表示鼠标指向时会显示一个指针图标。
  6. transition: color 0.3s; 设置按钮颜色的过渡时间为0.3秒。
  7. -webkit-text-decoration-skip: objects; 在Safari浏览器中隐藏对象内联的文本下划线。
  8. a:hover {color: #69b1ff;} 当鼠标悬停在链接上时,颜色变为绿色。
  9. a:active {color: #0958d9;} 当鼠标按下链接时,颜色变为深蓝色。
  10. a:active, a:hover {text-decoration: none; outline: 0;} 确保在鼠标活动状态下不显示装饰性的文字或边框。
  11. a[disabled] {color: rgba(0, 0, 0, 0.25); cursor: not-allowed;} 为禁用的按钮设置颜色为灰色,并且鼠标无法移动或点击。

这些样式共同作用,使得网站看起来专业且具有吸引力。