重点 html+css 复习总结

1.对于文本和背景，用对比度最大的颜色。（进Web前端交流群0007领取前端工具和资料）2. HTML就像泥工和木工造出房子和家具（结构），CSS像装修工装饰和粉刷。3. 盒子中背景颜色会填充内容、内边距、边框。边框以外和外边距没有。4. Border-radius: px(em) 创建圆角。border-top-left-radius:30px;表示在左上角画一个半径30像素的圆弧。必须上下在前，左右在后。5. 类以字母开头，ID以字母开头，包括字母数组下划线。6. @media可以用于媒体查询。 把所有媒体通用的规则放在@media规则下面。Min(max)-device-width指的是设备的屏幕宽。Min(max)-width指的是浏览器窗口宽。7. 一个块元素的默认宽度是"auto"，允许内容填满可用的所有空间（考虑内容+内边距+边框+外边距）。8. Text-align:center; 只能在块元素中设置。并将这个块元素中的内联元素都居中对齐。9. ID选择器“#elixirs h2”表示选择的<h2>元素是id为elixirs的块元素的所有子孙，包括其内嵌套的。 用“#elixirs>h2”表示只选择id为elixirs的元素的直接孩子<h2>。

多级子孙选择器 “#elixirsblockquote h2”。11. Em是默认的字体大小 或是继承字体大小的倍数。只是字体！12. Line-height 可以直接设置为一个数。如：line-height: 1;就表示各个元素的行高为自己字体大小的1倍，而不是父类字体大小的1倍。        13. 使用 border-bottom，这条线会延伸到页面边缘，而使用 text-decoration:underline时，下划线只会出现在文本下面。14. sans-serif 系列字体没有衬线，看起来更清晰。serif系列字体有衬线。15. 一般来说，能影响文本外观都的样式都能被继承。如字体颜色、字体、大小、字体粗细、是否斜体等。其他的如边框等不能被继承。16. 由于有多个选择器有相同的特定性而无法解决冲突时，使用的样式为在CSS文件中最后列出的规则。17. @font-face 规则是内置的CSS规则。不是选择器规则。 类似还有：@import、@media。18. 用“%”、“em”来表示大小是相对于父元素字体的大小。一般的，为了方便整个页面调整字体大小。给body元素用关键字定义字体大小，如small、medium等，用 % 或 em 来定义文本字体大小。

19. font-style:italic  当字体支持倾斜风格时或者有专门设计的倾斜字符。如果没有就显示为倾斜文本，等同于font-style:oblique直接把文本倾斜，而不是一种倾斜字体。