CSS有多种方式可以控制页面元素的可见性，下面列举了几个常用的方法：
display属性可以控制元素的显示方式，常用的属性值有：
display: none; //隐藏元素 display: block; //将元素显示为块级元素 display: inline; //将元素显示为行内元素 display: inline-block; //将元素显示为行内块级元素
visibility属性可以控制元素的可见性，常用的属性值有：
visibility: hidden; //元素不可见，但仍占据空间 visibility: visible; //元素可见
opacity属性可以控制元素的透明度，常用的属性值为0~1之间的小数，0表示完全透明，1表示完全不透明。
不同的浏览器对CSS的解析和渲染方式可能存在差异，因此需要针对不同的浏览器进行兼容性处理。下面列举了常用的兼容性处理方式：
有些CSS属性在不同的浏览器中需要加上不同的前缀才能生效，例如：
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
上面的代码中，-webkit-和-moz-分别是针对Webkit浏览器和Firefox浏览器的前缀，border-radius是标准属性，当浏览器支持时会优先使用标准属性。
CSS hack是一种通过编写特定的CSS代码来针对不同的浏览器进行兼容性处理的方式。例如：
/* 针对IE浏览器 */ color: #000\9; /* 针对Firefox浏览器 */ color: #f00!important; /* 针对Safari浏览器 */ color: #0f0\0/; /* 针对Chrome浏览器 */ color: #00f\0/IE;
上面的代码中，\9、!important、\0/、\0/IE都是针对不同浏览器的hack方式。
CSS预处理器可以通过编写类似于编程语言的代码来生成CSS代码，大大简化了CSS的编写和维护工作。常用的CSS预处理器包括Less、Sass、Stylus等。