标签分类(显示方式)
4.1块元素 典型代表,Div,h1-h6,p,ul,li
特点: 独占一行,可以设置宽高,嵌套(包含)下,子块元素宽度(没有定义情况下)和父块元素宽度默认一致。
4.2行内元素 典型代表 span ,a, ,strong , em, del, ins
特点:在一行上显示,不能直接设置宽高;元素的宽和高就是内容撑开的宽高。
4.3行内块元素(内联元素) 典型代表 input img 特点:在一行上显示,可以设置宽高 4.4块元素、行内元素
◆块元素转行内元素 display:inline; 比如<div>转成一行显示
◆行内元素转块元素 display:block; 比如<span>转成一块显示
◆块和行内元素转行内块元素 display:inline-block;
7.1background-color 背景颜色
7.2background-image 背景图片
7.3Background-repeat repeat(默认) | no-repeat | repeat-x | repeat-y 背景平铺
7.4Background-position left | right | center | top | bottom 背景定位
4.1块元素 典型代表,Div,h1-h6,p,ul,li
特点: 独占一行,可以设置宽高,嵌套(包含)下,子块元素宽度(没有定义情况下)和父块元素宽度默认一致。
4.2行内元素 典型代表 span ,a, ,strong , em, del, ins
特点:在一行上显示,不能直接设置宽高;元素的宽和高就是内容撑开的宽高。
4.3行内块元素(内联元素) 典型代表 input img 特点:在一行上显示,可以设置宽高 4.4块元素、行内元素
◆块元素转行内元素 display:inline; 比如<div>转成一行显示
◆行内元素转块元素 display:block; 比如<span>转成一块显示
◆块和行内元素转行内块元素 display:inline-block;
1.1 默认样式<标签选择器<类选择器<id选择器<行内样式<!important
0 1 10 100 1000 1000以上
7背景属性7.1background-color 背景颜色
7.2background-image 背景图片
7.3Background-repeat repeat(默认) | no-repeat | repeat-x | repeat-y 背景平铺
7.4Background-position left | right | center | top | bottom 背景定位