Xmind鸟瞰图:
简单文字总结:
css知识总结:
复合选择器:
1.交集选择器:在一个选择器的基础上,再增加一个选择器来增加条件 (中间不能有任何符号包括空格)
2.并集选择器: 多个选择器之间用逗号隔开,表示同时选择多个标签使用样式
3.后代选择器:使用空格分隔
4.子元素选择器:使用>分割
标签显示模式的区别:
1.块级元素:
①默认大小都是一整行
②可以设置宽度 高度 内边距 外边距
③块级元素可以容纳任意的内容或标签
2.行内元素:
①默认大小就是内容大小
②不可以设置宽度 高度 内边距 外边距
③内容只能容纳文本,图片,任意的行内元素
3.行内块元素:
①默认大小就是内容大小
②可以设置宽度 高度 内边距 外边距
③块级元素可以容纳任意的内容或标签
设置标签的显示模式:
1.display:block块级元素
2.display:inline行内元素
3.display:inline-block行内块元素
4.display:none隐藏元素
css三大特性:层叠性,继承性,优先级
背景样式:
1.背景颜色:background-color:red
2.背景图片:background-image:url()
3.背景重复方式:background-repeat: no-repeat(不平铺),repeat(平铺)