在前端开发中，我们经常需要获取元素的CSS样式，这个时候就需要使用JavaScript来获取了。下面我们来介绍一些常用的方法。
. 使用style属性
我们可以通过元素的style属性来获取其内联样式，即在元素标签中直接定义的样式。例如：
```javascript
var elem = document.getElementById(&;myElem&;);
var color = elem.style.color;
```
. 使用getComputedStyle方法
getComputedStyle方法可以获取元素最终计算出的样式，包括内联样式和外部样式表中定义的样式。例如：
```javascript
var elem = document.getElementById(&;myElem&;);
var style = window.getComputedStyle(elem);
var color = style.getPropertyValue(&;color&;);
```
. 使用currentStyle属性
在IE浏览器中，我们可以使用元素的currentStyle属性来获取最终计算出的样式。例如：
```javascript
var elem = document.getElementById(&;myElem&;);
var color = elem.currentStyle.color;
```
需要注意的是，currentStyle属性只能获取内联样式和通过style属性设置的样式，无法获取外部样式表中定义的样式。
. 获取元素尺寸
除了获取样式，有时我们也需要获取元素的尺寸。可以使用以下方法：
```javascript
var elem = document.getElementById(&;myElem&;);
var width = elem.offsetWidth;
var height = elem.offsetHeight;
```
需要注意的是，offsetWidth和offsetHeight属性包括元素的边框宽度和内边距宽度，但不包括外边距和滚动条宽度。
以上就是常用的获取元素CSS样式和尺寸的方法。需要注意的是，不同浏览器对CSS样式和尺寸的计算方式有所不同，因此在使用这些方法时需要注意兼容性。