55.Setting styles

  在第52章节中，你学习了如何在HTML标签元素上添加class，从而改变样式。例如，下面函数就为id为"pl"的元素，额外加了一个class为"big"的样式，假如下面新加的class样式会比原来样式的字体更大，那么结果就是id为"pl"元素里面的文本字体会变大。

  还有另外一种方式来指定css的属性。

  就如同第一个函数一样，第二个函数也会改变id为"pl"元素的字体大小。但是和第1个函数不同的是，第2种方式不会移动原有元素里面的任何样式，不管原有样式是内联的还是外联的，都不会动之前的样式。

  例如：假设标题、段落或者div标签最开始样式的字体大小为1em，用上面第2种方式，把字体大小改成2em，假如改变的元素最开始样式还有bold粗体，Georgia字体，italic斜体以及12px的边框，所有的这些都不会变，只有字体大小会改变。

  下面代码使得图片向左浮动。

  下面代码使得元素不可见。

  下面代码给元素标签左右外边距设置10px；

  用这种方式，你可以设置很多css样式，有时，属性规范的术语并不明显，所以最好的方式是自己动手写出来，检查语法规约，而不是靠推测，比如直接写出来是 "float"呢，还是 "cssFloat"呢，进行验证。

  就如同之前学过的一样，你可以像设置属性值一样，来读取属性值，然而这种方式并不直接明了，例如你写出代码如下...

  ...如果有的话，他只会告诉你内联样式的margin值，如果是外部引入css文件的方式，那么你将获取不到这个margin值，下面的代码可以解决这个问题，不管是外联的还是内联的，都可以获取，但是有个缺陷，就是浏览器IE9之前的版本不支持这种方式。

本篇的代码习题，可以去下面这个地址练习： http://www.asmarterwaytolearn.com/js/55.html

读书笔记：

specs规范; 眼镜; 投机，说明，规格( spec的名词复数 )

sometimes the terms for property specs aren't obvious 有时，属性规范的术语并不明显

straightforward 直截了当的;坦率的;明确的

if any 如果真有的话，如果你有的话