要比较两个CSS样式的属性和值的相等性，可以使用JavaScript来实现。下面是一个示例代码：

function compareCSSStyles(style1, style2) {
  // 将样式转换为字符串，并移除空格和换行符
  const str1 = JSON.stringify(style1).replace(/\s/g, '');
  const str2 = JSON.stringify(style2).replace(/\s/g, '');
  
  // 比较两个样式字符串是否相等
  return str1 === str2;
}

// 示例用法
const style1 = {
  color: 'red',
  fontSize: '16px',
  fontWeight: 'bold'
};

const style2 = {
  fontSize: '16px',
  color: 'red',
  fontWeight: 'bold'
};

const style3 = {
  color: 'blue',
  fontSize: '16px',
  fontWeight: 'bold'
};

console.log(compareCSSStyles(style1, style2)); // 输出: true
console.log(compareCSSStyles(style1, style3)); // 输出: false

上述代码中的compareCSSStyles函数接受两个参数，分别是要比较的两个CSS样式对象。首先，使用JSON.stringify方法将样式对象转换为字符串，并使用正则表达式移除字符串中的空格和换行符。然后，比较两个样式字符串是否相等。如果相等，则返回true，表示样式相等；否则返回false，表示样式不相等。

在示例用法中，首先定义了三个样式对象：style1、style2和style3。style1和style2的属性和值完全相同，所以调用compareCSSStyles(style1, style2)会返回true。而style1和style3的color属性值不同，所以调用compareCSSStyles(style1, style3)会返回false。