首先，大家需要了解CSS中的一些属性，这些属性可以用于设置样式，而不受浏览器兼容性的影响。这些属性包括：
1. `background-color`：用于设置背景颜色。
2. `border-radius`：用于设置圆角。
3. `box-shadow`：用于设置阴影。
4. `font-size`：用于设置字体大小。
5. `line-height`：用于设置行和列的高度。
接下来，大家可以使用CSS的媒体查询，以特定于特定的浏览器。媒体查询是一种特殊的CSS规则，可以根据指定的媒体(如设备类型、分辨率等)来应用样式。例如，大家可以使用以下CSS规则来设置字体大小，而不管浏览器类型：
“`css
/* 适用于所有浏览器 */
font-size: 16px;
/* 适用于IE6和IE7 */
@media screen and (max-width: 768px) {
font-size: 14px;
这将使CSS在宽度小于768像素的屏幕上显示为14px字体大小。
此外，大家还可以使用兼容性视图，也称为兼容层，来显示样式。使用兼容性视图可以确保样式正确显示，而不会受到浏览器兼容性的影响。例如，大家可以在HTML页面的头部包含一个兼容性视图声明，以便在兼容的浏览器中显示样式：
“`html
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>兼容ie6、7和8的CSS样式</title>
<style>
/* 样式 */
</style>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
在这个例子中，`<title>`元素设置了页面标题，而`<style>`元素设置了样式。兼容性视图将显示正确的样式，而不会受到浏览器兼容性的影响。
最后，大家可以使用CSS框架和库，这些库提供了许多现成的CSS样式，可以用于创建不同类型的网页和应用程序。这些库通常具有高度的可定制性，并且可以自动适应不同的浏览器和设备。例如，大家可以使用Bootstrap框架，它是一个流行的CSS框架，提供了许多有用的组件和样式，可以用于创建现代化的Web应用程序。
总之，CSS可以用于创建各种类型的网页和应用程序，而IE6、7和8版本中的一些限制可能会影响样式的正确显示。通过使用CSS媒体查询、兼容性视图、兼容性视图声明、CSS框架和库等技巧，大家可以确保CSS能够在不同的浏览器中正确显示，从而创建出更好的Web应用程序。