1.三种显示模式:
⑴块状元素:<div><section><form>列表标签
特点:
①有默认宽高,宽度是父类的100%,高度是内容撑起来的
②可以设置宽高
③独占一行
④可以容乃任意元素(h和p标签除外)
⑤可以设置内边距和外边距
⑵行内元素:<strong> <a><span>
特点:
①有默认宽高,宽高由内容撑起来
②不可以设置宽高
③相邻元素在一行显示,占满一行后换行
④只能容乃内容,不能容乃其他标签
⑤可以设置左右内边距和外边距,上下不行
⑶行内块元素:<img><label><input><option>
特点:
①有默认宽高,宽高由内容撑起来
②可以设置宽高
③相邻元素在一行显示,占满一行后换行
④一般不容纳其他元素
⑤可以设置外边距和内边距
2.显示模式的转化:
①行内转块状元素:display:clock
②块状转行内元素:display:inline
③前两者转行内块元素:display:inline-clock