HEAD FIRST HTML & CSS学习笔记

CSS部分

1. border-bottom属性控制元素下边框的外观。   eg: border-bottom:1px solid maroon;  P265

   下划线 text-decoration:underline;  P267

2. 若想为合并规则中的某一元素指定单独的样式，不需要拆分合并规则，为其单独建一条规则即可。  P266

3. 字体颜色 color   P300

    字体 font-family

    字体大小 font-size

    字体粗线 font-weight

    是否斜体 font-style

4. 如果元素同时设置了多个类，每个类定义的样式是一样的，比如都是color，那么就会按CSS文件中最后列出的规则显示。  P293

   即，如果由于两个或多个选择器有相同的特定性而无法解决冲突，就要利用样式表文件中规则的顺序来解决问题。

【【就近原则】】

5. 如果CSS里有错误，通常这个错误以下的所有其他规则都会被忽略。 P297

6. 若字体有多个单词，为其加上英文引号。 P320

7. 使用web字体的时候一定要分清并写对相对地址或者绝对地址。 P326

8. 用关键字定义字体大小：font-size: xx-small/x-small/small/medium/large/x-large/xx-large   P330

9. 默认字体大小  P334

10. 改变字体的粗细：font-weight: bold/normal  P335

11. <em>标签和font-style:italic;样式都能把字体变为斜体，二者的区别在哪呢？   P338

      em标签用来指定结构，起强调作用

      stalic只是样式

12. 背景颜色background-color、边框颜色border-color、字体颜色color

13. 16种常用颜色  P343

14. 十六进制数的算法  P347

15. 颜色表：https://en.wikipedia.org/wiki/Web_colors

16. 合理搭配字体颜色：文本和背景的颜色，对比度要大，这样能够增强可读性。 P349

17. 背景图像 background-image P380    background-repeat 和 background-position P383

18. 边框线 border-style  P386    边框圆角 border-radius  radius=半径  P388

19. id 和 class 及其命名规则  P397

20. 混合样式表：使用多个样式表  （样式表从上往下排列，最下面的优先显示。）  P398