《CSS基础教程》 读书笔记二

1.设定border-width属性值之前需要先声明border-style属性。

2.line-height：调整文本行与行之间的间距，务必使用，在border选择器中设置，150%或160%可能更合适些。

3.自定义的<span>元素用来控制段落的一部分，而不是整块段落。

4.块级元素的对立面就是内联元素，不限制宽度则尽可能扩展。

5.background-image属性将给定的图像复制多次以充满容器。

6.<a> link: visited: active: hover: 顺序：link->visited->hover->active  简记LVHA(LoVe HAte)。

7.强烈建议所有非hover链接状态加上下划线以区别于正常的非交互文本。

8.display:block 确保活跃的链接区是整个链接元素的宽度。

9.<a>click</a>点击区域可以追踪.

10.突出当前页面，在父列表元素上加一个唯一的ID来标识。

11.用css修饰表格前必须先删除任何cellpadding,cellspacing,border。

12.常用字体之'Lucida Grande'。

13.border-collapse collapse用来全部删除默认的cellspacing。

14.要突出显示某个实例也非常容易，用类来否决已应用到该实例上的css以实现目标。

15.不能在定义项元素中使用块级元素。

16.<dl><dt></dt><dd></dd></dl>定义列表只能分解数据，不宜布局。

17.在css中，没有什么比好的目标规则更好了。

18.为表单定义你自有的，可重用的样式，，始终坚持用css块以备所需，建立自己的css库。

19.三种非常好的表单布局方法-表格、段落换行元素及定义列表。

20.为了安全起见，添加一个间隔层来避免将来文本减少使得容器不再包含浮动图像是有必要的。

21."额外的spacer<div>"。

22.不管是否清理浮动，如果不浮动元素高于浮动元素，则安全。

23.使用已有元素清理浮动，防止代码膨胀。

24.position,static(默认),absolute,fixed,relative。

25.布局类型:固定宽度布局，流体布局，弹性布局，可变固定宽度。

26.记住你每创建一个新的列<div>，你都需要为它所包含的每个元素创建一个父元素，这也就意味着你可以使用一些更特殊的css，如上下文选择器来为你的目标元素加上样式。

27.当清理一个浮动元素时，清理元素的上外边距自动增加，上边框将清除浮动元素的下部外边界，自动产生最小清除。

28.命名法则一:列名与列定位在哪不相关。

29.流体布局特征:采用百分比来设定列的宽度。

30.固定宽度布局的基础-框模型。