19-css块与内嵌元素
作者:互联网
CSS中元素的分类
我们在页面布局的时候,会将HTML标签(元素)分成两种,块状元素和内嵌元素(我们平时用到的
标签div和p就是块状元素,链接标签a就是内嵌元素),可以通过CSS修改元素的类型
1、块状元素:{display:block}
一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)和高度(height)起作用。常见块状元素为div、p、body、h1~h6等
块状元素很霸道:能设置宽和高!!独占一行!
2、内联元素:{display:inline}
内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行。常见的内联元素有:a、em、span等
内联元素很温柔:不能设置宽和高!不影响换行(就像橡皮筋包住字)
思考如何使内联元素的宽高起作用??
在内联元素设置属性时设置一个 display:block; 之后,宽和高就可以起作用了!!!
标签:内嵌,19,标签,元素,块状,内联,display,css 来源: https://www.cnblogs.com/xiang-liang/p/12545471.html