试读《精彩绝伦的CSS》

  考虑到今后向web前端发展，最近对html和css学习及关注比较多。这次试读中有CSS相关，所以过来强烈关注一下。

1. 工具

  平时开发使用firebug，也了解该工具一些特性，如：右键查看元素样式，添加修改css属性等。阅读第1章，得到先前没使用的“计算出的样式”和“布局”，计算出样式是用于查看选择DOM根据默认添加css样式计算得到css样式；布局是用于查看选中DOM元素节点布局，即盒模型。

2. 选择器

  通过以前学习大概知道一些选择器：
常用选择器：包括类型选择器，后代选择器，ID选择器和类选择器
高级选择器：包括子选择器，相邻兄弟选择器等。
不过该试读样章中没有该部分内容。只介绍省略属性值（字体粗细，字体样式，字体异体）改变的标签原有的样式

 

strong{ font: medium Verdana,sans-serif; }

 

 默认等价于

 

strong{font: normal normal normal small/normal Verdana,sans-serif;}

 

 

 

3. 第3章样章中讲使用颜色控制边框

  出现不同浏览器有不同样式原因是，CSS规范中没有说明应该如果修改边框的颜色来产生立体的效果，只是说明关于边框“inset”“outset”这几个值的颜色绘制，取决于元素的边框颜色属性。故应该自己声明一个边框并设置各边的颜色，才能在各浏览器展示统一。

 

#innie{
	border-color: #800 #f88 #800 #f88; 
}

#outie{
	border-color: #f88 #800 #f88 #800; 
}